@layer tokens {
:root {
--paper:  #FFFFFF;
--canvas: #F5F5F5;
--soft:   #EEEEEE;
--field:  #EDEDED;
--ink:    #111111;
--deep:   #0A0A0A;
--dark:   #121212;
--mid:    #5C5C5C;
--quiet:  #8A8A8A;
--hair:        rgba(17,17,17,.14);
--hair-strong: rgba(17,17,17,.28);
--hair-light:  rgba(255,255,255,.12);
--blue:   #2E5CF6;
--coral:  #FF6A4D;
--amber:  #F2A93B;
--violet: #8D7CF0;
--aqua:   #3FC5C9;
--on-dark:        rgba(255,255,255,.72);
--on-dark-lead:   rgba(255,255,255,.74);
--on-dark-label:  rgba(255,255,255,.55);
--on-dark-meta:   rgba(255,255,255,.60);
--on-dark-recede: rgba(255,255,255,.61);
--edge-on-dark:        rgba(255,255,255,.32);
--edge-on-dark-quiet:  rgba(255,255,255,.18);
--edge-on-dark-strong: rgba(255,255,255,.60);
--focus-fill:  #E4E4E4;
--focus-ink:   #343434;
--focus-ghost: rgba(255,255,255,.12);
--glass-top:    rgba(10,12,18,.26);
--glass-bottom: rgba(10,12,18,.42);
--glass-rim:    rgba(255,255,255,.25);
--glass-cast:   0 4px 24px rgba(0,0,0,.22), 0 1px 2px rgba(0,0,0,.14);
--glass-inner:  rgba(255,255,255,.10);
--glass-menu:   rgba(10,12,18,.74);
--grain:        rgba(255,255,255,.045);
--sg-1: #08090B;
--sg-2: #141519;
--sg-3: #2E5CF6;
--sg-4: #8D7CF0;
--sg-speed: .62;
--sg-intensity: .72;
--sg-ribbon: 1;
--sg-gloss: .26;
--sg-reed: 1;
--sg-reed-width: 52;
--sg-err-3: #5A2F26;
--sg-err-4: #FF6A4D;
--shade: linear-gradient(to bottom,
rgba(8,9,11,.10) 0,
rgba(8,9,11,.22) calc(var(--header-h) + 80px),
rgba(8,9,11,.30) 58%,
rgba(8,9,11,.86) 100%);
--font-display: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
--font-body:    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
--display:      clamp(2.5rem, 8.4vw, 9.125rem);
--text-lead:    clamp(0.9375rem, 1.5vw, 1.1875rem);
--text-base:    clamp(0.9375rem, 0.90rem + 0.20vw, 1rem);
--text-sm:      clamp(0.75rem,   0.72rem + 0.14vw, 0.8125rem);
--text-xs:      clamp(0.75rem, 0.72rem + 0.14vw, 0.8125rem);
--text-micro:   clamp(0.5625rem, 0.55rem + 0.08vw, 0.625rem);
--text-control: clamp(0.875rem,  0.83rem + 0.18vw, 0.9375rem);
--text-chip:    clamp(0.8125rem, 0.79rem + 0.09vw, 0.84375rem);
--track-display: -0.06em;
--track-body:    -0.03em;
--line-display:  0.94;
--line-body:     1.45;
--pill:      999px;
--r-card:    12px;
--r-control: 8px;
--r-compact: 6px;
--control-site:    52px;
--control-cta: clamp(46px, 44px + 0.6vw, 52px);
--control-header:  36px;
--control-compact: 24px;
--target-min: 44px;
--target-hit: calc(var(--target-min) + 4px);
--gutter: clamp(24px, 4vw, 72px);
--space-edge: 16px;
--header-h: 56px;
--clear-top:    calc(var(--header-h) - var(--space-edge) + clamp(28px, 3.2vw, 44px));
--clear-bottom: clamp(32px, 4vw, 56px);
--motion-site:     200ms;
--motion-surface:  300ms;
--ease-site: cubic-bezier(.44, 0, .56, 1);
--ease-calm: cubic-bezier(.22, .61, .36, 1);
--entrance:  860ms;
--stagger:   70ms;
--stagger-char: 15ms;
--motion-ground: 1800ms;
--shadow-overlay: 0 12px 40px rgba(0,0,0,.22);
--shadow-lift:    0 14px 34px rgba(0,0,0,.45);
--shadow-header:  0 6px 16px rgba(0,0,0,.18);
--halo-display:   0 2px 40px rgba(8,9,11,.45);
}
}