/* tokens.css — the dark-arcade design system. Everything else in /css
   consumes these custom properties; nothing hardcodes a color/font directly
   so the palette stays a single source of truth. */
:root {
  --bg: #0a0714;
  --bg2: #150f28;
  --panel: #1b1330;
  --panel-edge: #2b1f4a;
  --cyan: #2de2e6;
  --magenta: #ff2eae;
  --yellow: #ffd23f;
  --green: #6dff6d;
  --orange: #ff8a3d;
  --term-green: #39ff6a;
  --text: #e8e3f5;
  --muted: #8b7fb0;

  --font-display: 'Press Start 2P', monospace;
  --font-mono: 'VT323', monospace;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --focus-ring: 0 0 0 3px rgba(45, 226, 230, 0.55);
  --min-touch: 44px;

  --transition-fast: 0.15s ease;
  --transition-mid: 0.25s ease;
}