:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;
/* Radii — from the app-tile squircle (≈25% of side) down */
--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-tile:25%;--radius-pill:999px;
/* Borders — flat brand, hard edges */
--border-w:1.5px;--border-w-heavy:2.5px;
/* Shadows — used sparingly; the brand is flat */
--shadow-card:0 1px 2px rgb(0 0 0/0.05),0 6px 20px rgb(0 0 0/0.06);
--shadow-pop:0 12px 32px rgb(0 0 0/0.16);
/* Motion */
--ease-out:cubic-bezier(0.2,0.8,0.2,1);/* @kind other */
--dur-fast:120ms;/* @kind other */
--dur-base:200ms;/* @kind other */
}