/* Design tokens mirrored from the Watchtower app (src/constants/theme.ts,
   src/constants/layerColors.ts, src/components/onboarding/ui.tsx, scenes/kit.ts).
   Monochrome HUD palette, fixed — no light mode, same as the app. */

:root {
  /* Core HUD surface */
  --bg: #000000;
  --bg-elevated: #09090b;
  --panel: #09090b;
  --line: #27272a;
  --line-hi: #3f3f46;
  --text: #ffffff;
  --muted: #a1a1aa;
  --dim: #71717a;
  --faint: #52525b;

  /* Layer accent colors — src/constants/layerColors.ts */
  --c-flights: #3b82f6;
  --c-trails: #93c5fd;
  --c-iss: #22d3ee;
  --c-ship: #10b981;
  --c-weather: #a3e635;
  --c-radiation: #facc15;
  --c-fire: #f97316;
  --c-conflict: #ef4444;
  --c-disaster: #f9a8d4;
  --c-quake: #d946ef;
  --c-news: #a78bfa;
  --c-sdr: #94a3b8;
  --c-radio: #2dd4bf;
  --c-local-air: #e7c79a;
  --c-eonet: #86efac;
  --c-volcano: #ffb4a2;
  --c-tsunami: #7c3aed;
  --c-launch: #ec4899;
  --c-local-wx: #e9d5ff;
  --c-you: #ffffff;
  --c-satellite: #fffa99;

  /* Type */
  --font-sans:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono:
    ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

  /* Layout */
  --gutter: 22px;
  --max-w: 1120px;
  --radius: 2px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 220ms;
  --dur-med: 500ms;
  --dur-slow: 1100ms;
}