/**
 * Inviscid design tokens. Copied verbatim from Helium's generated
 * packages/tokens/dist/css/variables.css (Inviscid_High-Aerospace_Design_Spec.md
 * §1, LOCKED): dark (Basalt) is :root, light (Limestone) is the override.
 * Keep in sync with that file; never invent a hue here.
 *
 * ATC inherits the OS theme without JavaScript, so the Limestone block is
 * applied by media query as well as by the html.light class the spec names.
 * html.dark forces Basalt regardless of the OS.
 */
:root {
  --field: #0E0F12;
  --surface: #15171B;
  --surface-2: #1B1E24;
  --ink: #ECEDEF;
  --ink-2: #A6ABB5;
  --ink-3: #8188A0;
  --hairline: rgba(160,168,184,0.14);
  --hairline-2: rgba(160,168,184,0.28);
  --edge-light: rgba(200,210,230,0.06);
  --accent: #5B8EC9;
  --accent-bright: #7BAEE8;
  --accent-glow: rgba(91,142,201,0.22);
  --on-accent: #0E0F12;
  --metal: #9AA3AE;
  --pos: #4FB096;
  --caution: #D2A24E;
  --alert: #D46B62;
  --shadow: 0 24px 60px -24px rgba(0,0,0,0.60);
  --ink-alt-platinum: #DEE2E2;
  --font-family-sans: 'DM Sans', system-ui, sans-serif;
  --font-family-num: 'Lekton', ui-monospace, monospace;
  --font-size-label: 10px;
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-md: 15px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-hero: 34px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius-r: 3px;
  --radius-ios-card: 14px;
  --status-killswitch: var(--alert);
  --status-frozen: var(--alert);
  --status-rejected: var(--alert);
  --status-stale: var(--caution);
  --status-updating: var(--accent-bright);
  --env-prod-fg: var(--field);
  --env-prod-bg: var(--alert);
  --env-sandbox-fg: var(--ink-2);
  --env-sandbox-bg: var(--surface-2);
}

@media (prefers-color-scheme: light) {
  :root:not(.dark) {
    --field: #E9E6DD;
    --surface: #F4F2EB;
    --surface-2: #FAF8F2;
    --ink: #0F1726;
    --ink-2: #41506B;
    --ink-3: #5A6579;
    --hairline: #D3CFC4;
    --hairline-2: #C6CCD4;
    --edge-light: rgba(255,255,255,0.85);
    --accent: #4F86C6;
    --accent-bright: #2B67B0;
    --accent-glow: rgba(79,134,198,0.18);
    --on-accent: #0F1726;
    --metal: #B7BEC7;
    --pos: #26735E;
    --caution: #856023;
    --alert: #AB463E;
    --shadow: 0 22px 55px -26px rgba(15,23,38,0.26);
  }
}

html.light {
  --field: #E9E6DD;
  --surface: #F4F2EB;
  --surface-2: #FAF8F2;
  --ink: #0F1726;
  --ink-2: #41506B;
  --ink-3: #5A6579;
  --hairline: #D3CFC4;
  --hairline-2: #C6CCD4;
  --edge-light: rgba(255,255,255,0.85);
  --accent: #4F86C6;
  --accent-bright: #2B67B0;
  --accent-glow: rgba(79,134,198,0.18);
  --on-accent: #0F1726;
  --metal: #B7BEC7;
  --pos: #26735E;
  --caution: #856023;
  --alert: #AB463E;
  --shadow: 0 22px 55px -26px rgba(15,23,38,0.26);
}