/* ===========================================================
   ALIENTEK ENTERTAINMENT — DESIGN TOKENS
   Shared across every page. See /design-system.html for the
   annotated reference this was extracted from.
   =========================================================== */

:root{
  /* ---- Color: Void / Signal / Ion ---- */
  --void:        #090C14;
  --void-raised: #0D111C;
  --surface:     #10141F;
  --glass:       rgba(255,255,255,0.035);
  --glass-strong:rgba(255,255,255,0.06);
  --border:      rgba(255,255,255,0.08);
  --border-soft: rgba(255,255,255,0.05);

  --mint:        #2FE6AE;
  --mint-dim:    #1E9E78;
  --blue:        #3355F4;
  --blue-dim:    #23399E;
  --violet:      #8B5CF6;
  --danger:      #F45B69;
  --gradient-signal: linear-gradient(135deg, var(--mint) 0%, var(--blue) 100%);

  --fog:         #E9EDF6;
  --fog-dim:     #B9C0D4;
  --static:      #6B7390;
  --static-dim:  #454B62;

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

  /* ---- Space (8px base) ---- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 16px; --sp-4: 24px;
  --sp-5: 32px; --sp-6: 48px; --sp-7: 64px; --sp-8: 96px; --sp-9: 144px;

  /* ---- Radius / Shadow ---- */
  --r-sm: 6px; --r-md: 12px; --r-lg: 20px; --r-pill: 999px;
  --shadow-glow-mint: 0 0 0 1px rgba(47,230,174,0.15), 0 8px 32px -8px rgba(47,230,174,0.25);
  --shadow-glow-blue: 0 0 0 1px rgba(51,85,244,0.18), 0 8px 32px -8px rgba(51,85,244,0.3);
  --shadow-card: 0 4px 24px -8px rgba(0,0,0,0.5);

  /* ---- Layout ---- */
  --container: 1160px;
  --nav-h: 76px;
}