/* MAGI design tokens (magivision.io palette). Every colour in app.css comes from here. Dark only. */
/* Layout: desktop review console — 72px header, 320px rounds rail, viewer + transport + event track. Stacks to one column under 900px. */
:root {
  --bg: #030304;
  --bg-alt: #08090a;
  --panel: #0a0b0c;
  --panel-2: #0e1214;
  --border: #1c2b2e;
  --border-strong: #2f4a4f;
  --blue: #00e5ff;
  --blue-dim: #007a8a;
  --blue-wash: rgba(0, 229, 255, .08);
  --red: #ff2851;
  --red-dim: #8a0021;
  --red-wash: rgba(255, 40, 81, .10);
  --text: #c9f2ff;
  --text-dim: #6b8a90;
  --on-blue: #021014;
  --scan: rgba(0, 229, 255, .035);
  --shade: rgba(3, 3, 4, .72);

  --font-brand: 'Unbounded', 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --r-sm: 3px;
  --r-md: 6px;
  color-scheme: dark;
}