/* TALOS-VMS design tokens — primitive → semantic. Dark is the native theme (control-room use). */
:root {
  /* primitives */
  --talos-ink-950:#070C16; --talos-ink-900:#0B1220; --talos-ink-800:#121B2E; --talos-ink-700:#1B2638;
  --talos-slate-600:#2B3A52; --talos-slate-500:#43546F; --talos-fog-400:#8FA3BF; --talos-fog-300:#B4C2D6;
  --talos-mist-100:#E6ECF4; --talos-mist-50:#F4F7FB; --talos-white:#FFFFFF;
  --talos-signal-500:#FF6A1F; --talos-signal-600:#E4560F; --talos-signal-700:#C2410C; --talos-signal-400:#FF8A4D;
  --talos-live-400:#22D3EE; --talos-ok-500:#22C55E; --talos-warn-500:#F5B301; --talos-alert-500:#EF4444;

  /* typography */
  --font-display:"Outfit",system-ui,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --text-xs:12px; --text-sm:14px; --text-md:16px; --text-lg:20px; --text-xl:28px; --text-2xl:40px; --text-3xl:64px;

  /* space / shape */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px;
  --radius-sm:4px; --radius-md:8px; --radius-lg:14px;

  /* semantic (dark) */
  --bg:var(--talos-ink-900); --bg-raised:var(--talos-ink-800); --bg-tile:var(--talos-ink-950);
  --border:var(--talos-ink-700); --border-strong:var(--talos-slate-600);
  --text:var(--talos-mist-100); --text-muted:var(--talos-fog-400);
  --accent:var(--talos-signal-500); --accent-hover:var(--talos-signal-400); --on-accent:#0B1220; --accent-text:var(--talos-signal-500);
  --live:var(--talos-live-400); --ok:var(--talos-ok-500); --warn:var(--talos-warn-500); --danger:var(--talos-alert-500);
  --focus-ring:0 0 0 2px var(--bg),0 0 0 4px var(--talos-live-400);
}
:root[data-theme="light"], .theme-light {
  --bg:var(--talos-mist-50); --bg-raised:var(--talos-white); --bg-tile:var(--talos-ink-900);
  --border:#D5DEEA; --border-strong:#B4C2D6;
  --text:var(--talos-ink-900); --text-muted:var(--talos-slate-500);
  --accent:var(--talos-signal-500); --accent-hover:var(--talos-signal-400); --on-accent:#0B1220; --accent-text:var(--talos-signal-700); /* 5.2:1 on white; Signal 500 is for fills only on light */
  --focus-ring:0 0 0 2px var(--bg),0 0 0 4px var(--talos-ink-900);
}