/* Design tokens — from newdesign/design_handoff_player_builder (dark default + light).
   Booster type colors follow the handoff README (intent) — prototype code had
   liveLink green / squadLink blue; README declares red / purple. Tweakable. */
@import url('/static/fonts/fonts.css');

:root {
  --bg: #13151d; --card: #171922; --row-alt: #1b1e29; --row-hover: #1f2233;
  --border: #252836; --border-dim: #1e2130;
  --text: #dde1f0; --muted: #5a6075; --dim: #3a3f52;
  --accent: #00e5ff; --accent-dim: rgba(0,229,255,0.10); --on-accent: #000;
  --special: #f59e0b;
  --stat-red: #ff2d35; --stat-yellow: #f8af00; --stat-green: #22ff00; --stat-cyan: #00efff;
  --tint-red: rgba(255,45,53,0.12); --tint-yellow: rgba(248,175,0,0.12);
  --tint-green: rgba(34,255,0,0.09); --tint-cyan: rgba(0,239,255,0.10);
  --tint-accent: rgba(0,229,255,0.10);
  --pos-fam: #059669; --pos-fam-bg: rgba(5,150,105,0.28); --pos-fam-tx: #34d399;
  --pos-semi-bg: rgba(5,150,105,0.10); --pos-semi-tx: #2d7a5e;
  --pos-none: #1e2130; --pitch-line: rgba(255,255,255,0.06);
  --hero-grad: linear-gradient(120deg, #171922 0%, #101b2e 55%, #0e2236 100%);
  --hero-ov1: rgba(14,17,26,0.97); --hero-ov2: rgba(14,17,26,0.78);

  --booster-regular: #f59e0b;
  --booster-livelink: #e11d48;
  --booster-squadlink: #8b5cf6;
  --booster-slot: var(--accent);
  --rating-tile: #16a34a;

  --font-head: 'Barlow Condensed', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --font-stencil: 'eFootballStencil', 'Barlow Condensed', sans-serif;
}

[data-theme="light"] {
  --bg: #f4f5f9; --card: #ffffff; --row-alt: #eef0f7; --row-hover: #e5e8f2;
  --border: #cdd1e4; --border-dim: #dde0ee;
  --text: #1a1d2e; --muted: #636e96; --dim: #96a0be;
  --accent: #0077aa; --accent-dim: rgba(0,119,170,0.09); --on-accent: #fff;
  --special: #a35800;
  --stat-red: #b91c1c; --stat-yellow: #92400e; --stat-green: #15803d; --stat-cyan: #0077aa;
  --tint-red: #fee2e2; --tint-yellow: #fef3c7; --tint-green: #dcfce7; --tint-cyan: #dbeafe;
  --tint-accent: #dbeafe;
  --pos-fam: #047857; --pos-fam-bg: #d1fae5; --pos-fam-tx: #047857;
  --pos-semi-bg: #ecfdf5; --pos-semi-tx: #166534;
  --pos-none: #e6e9f4; --pitch-line: rgba(0,0,0,0.07);
  --hero-grad: linear-gradient(120deg, #ffffff 0%, #eef4fb 55%, #e3eefb 100%);
  --hero-ov1: rgba(244,245,249,0.95); --hero-ov2: rgba(244,245,249,0.8);
}