/* ═══════════════════════════════════════════════════════════════
   GASA WORKSHOP — DESIGN TOKENS
   Space-defense / sci-fi HUD theme. No selectors — :root vars only.
═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Deep space surfaces ─────────────────────────────────── */
  --space-900: #04050c; /* page background (deepest) */
  --space-850: #070914;
  --space-800: #0a0e1c; /* section panels */
  --space-700: #0e1428; /* raised panels */
  --space-600: #131b33; /* cards */
  --space-500: #1b2745; /* hover / elevated cards */

  /* ── HUD lines & edges ───────────────────────────────────── */
  --line: #1d2b4d;
  --line-bright: #2c416f;

  /* ── Neon accents ────────────────────────────────────────── */
  --cyan: #2de2ff; /* primary neon */
  --cyan-deep: #0bb6d6;
  --cyan-glow: rgba(45, 226, 255, 0.45);
  --magenta: #ff3d81;
  --magenta-glow: rgba(255, 61, 129, 0.45);

  /* ── Status colors ───────────────────────────────────────── */
  --alert: #ff2d55; /* threat / critical */
  --alert-glow: rgba(255, 45, 85, 0.45);
  --amber: #ffb020; /* warning / insufficient */
  --amber-glow: rgba(255, 176, 32, 0.4);
  --orange: #ff7a1f; /* radar contact (distinct from amber/yellow) */
  --orange-glow: rgba(255, 122, 31, 0.5);
  --green: #3bf0a0; /* terminal / defense / go */
  --green-glow: rgba(59, 240, 160, 0.4);

  /* ── Text ────────────────────────────────────────────────── */
  --text: #e9eefc; /* primary text */
  --text-soft: #b9c6e6; /* secondary */
  --text-muted: #7d8cb0; /* tertiary / captions */
  --text-faint: #51618a; /* labels at low emphasis */

  /* ── Typography ──────────────────────────────────────────── */
  --font-display: "Orbitron", "Rajdhani", system-ui, sans-serif;
  --font-label: "Rajdhani", "Orbitron", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;

  /* ── Spacing scale ───────────────────────────────────────── */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 7rem;

  /* ── Radii & effects ─────────────────────────────────────── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-panel: 0 18px 50px -18px rgba(0, 0, 0, 0.8);
  --glow-cyan: 0 0 18px var(--cyan-glow);
  --glow-alert: 0 0 18px var(--alert-glow);
  --glow-green: 0 0 16px var(--green-glow);

  /* ── Layout ──────────────────────────────────────────────── */
  --container: 1140px;
  --container-narrow: 760px;
  --nav-h: 64px;
}