:root{
/* spacing — 8px base */
--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--space-3xl:48px;--space-huge:64px;--space-section:96px;--space-band:128px;
/* radii */
--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;
/* elevation */
--shadow-0:none;
--shadow-1:0 1px 3px rgba(0,0,0,0.08);
--shadow-2:0 8px 24px rgba(0,0,0,0.12);
/* hero atmosphere — dusk over navy (level 3 depth) */
--hero-atmosphere:radial-gradient(120% 90% at 78% 110%,rgba(248,200,8,0.22) 0%,rgba(248,200,8,0) 38%),radial-gradient(90% 80% at 70% 70%,rgba(24,152,216,0.45) 0%,rgba(24,152,216,0) 60%),radial-gradient(70% 60% at 20% 0%,rgba(159,212,240,0.12) 0%,rgba(159,212,240,0) 70%),linear-gradient(180deg,#071a2e 0%,#0b2540 55%,#0f3358 100%);/* @kind color */
/* layout */
--container:1100px;--container-narrow:960px;--nav-height:72px;
/* motion */
--ease-standard:cubic-bezier(0.2,0,0,1);/* @kind other */--dur-fast:120ms;/* @kind other */--dur-base:200ms;/* @kind other */
}