/* ═══════════════════════════════════════════════════════════
   FIGHTER FOCUS — Design Tokens
   Elite combat: black + red
   ═══════════════════════════════════════════════════════════ */

:root {
  /* Background */
  --bg:         #0a0a0a;
  --surface:    #111111;
  --card:       #1a1a1a;

  /* Borders */
  --border:     rgba(255, 255, 255, 0.08);

  /* Accent — Fighter Red */
  --accent:     #c41e2a;
  --accent-hot: #e63946;
  --accent-dim: rgba(196, 30, 42, 0.15);

  /* Text */
  --white:      #f5f5f5;
  --muted:      #888888;
  --faint:      rgba(245, 245, 245, 0.6);

  /* UI */
  --radius:     4px;

  /* Typography */
  --font-display: 'Barlow Condensed', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;

  /* Layout */
  --nav-height:    72px;
  --section-pad:   clamp(72px, 9vw, 128px);
  --container:     1100px;
  --container-pad: clamp(20px, 4vw, 60px);
}