:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--container-max:1200px;--gutter:24px;--section-y:96px;
/* Radius — Brand Board p.19: 8 inputs/chips · 16 cards/images · 24 sections · full buttons/pills */
--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:999px;
--radius-input:var(--radius-sm);--radius-card:var(--radius-md);--radius-image:var(--radius-md);--radius-section:var(--radius-lg);--radius-button:var(--radius-full);
/* Shadows — soft, no hard borders */
--shadow-xs:0 1px 2px rgba(12,40,52,.06);
--shadow-sm:0 2px 8px rgba(12,40,52,.06),0 1px 2px rgba(12,40,52,.04);
--shadow-md:0 8px 24px rgba(12,40,52,.08),0 2px 6px rgba(12,40,52,.04);
--shadow-lg:0 20px 48px rgba(12,40,52,.14);
--blur-frost:16px;/* @kind other */
/* Motion — engineered, never playful */
--ease-out:cubic-bezier(.2,.7,.2,1);/* @kind other */--ease-in-out:cubic-bezier(.45,0,.2,1);/* @kind other */
--dur-fast:150ms;/* @kind other */--dur-base:240ms;/* @kind other */--dur-slow:480ms;/* @kind other */--dur-reveal:700ms;/* @kind other */--stagger:60ms;/* @kind other */
--hover-zoom:1.05;/* @kind other */--reveal-distance:20px;/* @kind other */
}