:root {
  /* Pitch Canvas & Surfaces (Dark Mode Default) */
  --bg-pitch: #08080a;
  --bg-surface: #101014;
  --bg-card: #141419;
  --bg-elevated: #1a1a22;
  --bg-input: #121216;

  /* Taitotaso Identity Accents */
  --brand-orange: #f05f24;
  --brand-orange-hover: #d94e16;
  --brand-orange-subtle: rgba(240, 95, 36, 0.15);
  --club-red: #e11d48;
  --pitch-green: #10b981;
  --pitch-green-subtle: rgba(16, 185, 129, 0.15);
  --academy-gold: #f59e0b;
  --academy-gold-subtle: rgba(245, 158, 11, 0.15);
  --tactical-blue: #3b82f6;
  --tactical-blue-subtle: rgba(59, 130, 246, 0.15);

  /* Borders & Dividers */
  --border-subtle: #22222b;
  --border-strong: #333340;
  --border-focus: #f05f24;

  /* Typography Colors */
  --text-main: #f4f4f5;
  --text-muted: #a1a1aa;
  --text-dim: #71717a;
  --text-inv: #09090b;
  --text-secondary: #d4d4d8;

  /* Fonts */
  --font-heading: 'Oswald', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Sizing & Geometry */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --hud-max-w: 680px;

  /* Shadows */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-elevated: 0 10px 30px rgba(0, 0, 0, 0.6);
  --shadow-glow-orange: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-glow-green: 0 2px 10px rgba(0, 0, 0, 0.35);
}

/* Light Theme Parity */
[data-theme="light"] {
  --bg-pitch: #f4f4f6;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-elevated: #f0f0f4;
  --bg-input: #e4e4e7;

  --border-subtle: #e2e2ea;
  --border-strong: #d0d0dc;

  --text-main: #09090b;
  --text-muted: #52525b;
  --text-dim: #71717a;
  --text-inv: #ffffff;
  --text-secondary: #52525b;

  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-elevated: 0 10px 30px rgba(0, 0, 0, 0.12);
  --shadow-glow-orange: 0 2px 10px rgba(0, 0, 0, 0.08);
  --shadow-glow-green: 0 2px 10px rgba(0, 0, 0, 0.08);
}