/* ============================================
   ALIEN-OPERATIONS.AI — Design Tokens
   Source of truth: CLAUDE.md
   ============================================ */

:root {
  /* Colour tokens */
  --alien-green: #39FF14;
  --space-black: #0A0A0A;
  --hud-amber: #FF6B00;
  --scan-teal: #00FFD0;
  --text-primary: #E0E0E0;
  --text-dim: #6B6B6B;
  --glow-green: rgba(57, 255, 20, 0.15);
  --glow-green-mid: rgba(57, 255, 20, 0.4);
  --glow-green-intense: rgba(57, 255, 20, 0.8);
  --glow-amber: rgba(255, 107, 0, 0.1);
  --glow-teal: rgba(0, 255, 208, 0.3);
  --surface: #111111;
  --surface-raised: #1A1A1A;

  /* Typography */
  --font-display: 'Orbitron', sans-serif;
  --font-body: 'Space Grotesk', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  --content-max: 1200px;
  --section-pad-y: clamp(4rem, 8vw, 8rem);
  --section-pad-x: clamp(1.5rem, 4vw, 3rem);

  /* Sidebar */
  --sidebar-width: 220px;

  /* Z-index scale */
  --z-bg: -1;
  --z-content: 1;
  --z-sidebar: 40;
  --z-nav: 50;
  --z-overlay: 60;
  --z-cursor: 70;
  --z-scanlines: 9999;
}