/* ==========================================================================
   LMT Tactical Cyan Design System Tokens
   Strict 60-30-10 Rule (Anime OP Motion Graphics / Tensura Aesthetic)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* --------------------------------------------------------------------------
     60% DOMINANT (Void Canvas & Deep Shadow)
     -------------------------------------------------------------------------- */
  --bg-void-0: #04070b;
  --bg-void-1: #080c12;
  --bg-void-2: #0d141e;
  --bg-void-card: #0e1624;
  --bg-gradient-void: radial-gradient(circle at 50% 0%, #101c2c 0%, #080c12 70%);

  /* --------------------------------------------------------------------------
     30% SECONDARY (Structure, Surfaces, HUD & Typography)
     -------------------------------------------------------------------------- */
  --surface-panel: #121a26;
  --surface-panel-alt: #162233;
  --surface-panel-hover: #1a293d;
  --surface-glass: rgba(18, 26, 38, 0.88);
  --border-hard: #2a3a4f;
  --border-subtle: #1a2533;
  --border-faint: rgba(42, 58, 79, 0.5);
  --hud-line: rgba(56, 189, 248, 0.2);
  --hud-grid: rgba(255, 255, 255, 0.03);

  /* Typography & Ink (Contrast ratios > 14:1) */
  --text-pure: #ffffff;
  --text-primary: #f1f5f9;
  --text-muted: #94a3b8;
  --text-dim: #64748b;

  /* --------------------------------------------------------------------------
     10% ACCENT (High-Energy Tactical Pops)
     -------------------------------------------------------------------------- */
  --accent-cyan: #00f0ff;
  --accent-cyan-light: #70f7ff;
  --accent-cyan-dim: #0284c7;
  --accent-cyan-glow: rgba(0, 240, 255, 0.35);
  --accent-cyan-subtle: rgba(0, 240, 255, 0.08);

  --accent-amber: #fbbf24;
  --accent-amber-light: #fde68a;
  --accent-amber-glow: rgba(251, 191, 36, 0.3);
  --accent-amber-subtle: rgba(251, 191, 36, 0.1);

  /* --------------------------------------------------------------------------
     TYPOGRAPHY SCALE
     -------------------------------------------------------------------------- */
  --font-display: 'Outfit', sans-serif;
  --font-body: 'Outfit', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* --------------------------------------------------------------------------
     GEOMETRIC ANGLES & SLICES (Tensura Anime OP Aesthetics)
     -------------------------------------------------------------------------- */
  --polygon-manga-slash: polygon(0 0, 100% 0, 100% calc(100% - 24px), 0 100%);
  --polygon-corner-cut: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
  --polygon-corner-cut-lg: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
  --polygon-corner-cut-reverse: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
  --polygon-badge: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);

  --shadow-neon-cyan: 0 0 25px rgba(0, 240, 255, 0.3), inset 0 0 12px rgba(0, 240, 255, 0.1);
  --shadow-neon-amber: 0 0 25px rgba(251, 191, 36, 0.25);
  --shadow-panel: 0 12px 36px rgba(0, 0, 0, 0.6);
}