/* Forged Blue — spacing, radii, borders, elevation, motion */
:root{
--space-0:0;--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;--space-24:96px;--space-32:128px;

/* Radii — machined, near-square. Never pill except tags/switch tracks. */
--radius-0:0;--radius-1:2px;--radius-2:4px;--radius-3:6px;--radius-4:10px;--radius-full:999px;
--radius-control:var(--radius-1);--radius-card:var(--radius-2);--radius-dialog:var(--radius-3);

--border-w-hair:1px; /* @kind spacing */--border-w-rule:2px; /* @kind spacing */--border-w-bar:3px; /* @kind spacing */

/* Elevation — deep, cool, low-spread. On dark, lift = lighter surface + hairline top highlight. */
--shadow-1:0 1px 2px rgba(0,0,0,.5);
--shadow-2:0 4px 12px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.5);
--shadow-3:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.5);
--shadow-bevel:inset 0 1px 0 rgba(255,255,255,.07);
--shadow-glow-blue:0 0 0 1px rgba(78,126,203,.5),0 0 24px rgba(43,97,184,.35);
--focus-shadow:0 0 0 2px var(--surface-page),0 0 0 4px var(--focus-ring); /* @kind shadow */

--container-max:1200px; /* @kind spacing */--container-narrow:760px; /* @kind spacing */--gutter:24px; /* @kind spacing */

--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--dur-fast:120ms; /* @kind other */--dur-base:200ms; /* @kind other */--dur-slow:360ms; /* @kind other */

--z-nav:100; /* @kind other */--z-overlay:900; /* @kind other */--z-dialog:1000; /* @kind other */--z-toast:1100; /* @kind other */--z-tooltip:1200; /* @kind other */
}