/* ============================================================================
   ALT THEME — "Nightpitch"  ·  a cool navy/slate reskin of the game.
   Purely additive & reversible: this file is linked ONLY on the game pages,
   AFTER game.css, and only re-defines the palette tokens (plus radius/shadow).
   To revert to the default "Editorial Matchday" look, remove this one <link>.
   No original CSS is touched.
   ============================================================================ */

/* Dark (default): deep navy base instead of warm charcoal; same kit-red + gold accents. */
:root {
  --brand:      #ffffff;
  --brand-2:    #1e2a42;
  --accent:     #ff5a4d;   /* kit red, a touch brighter to pop on navy */
  --accent-dk:  #ff7d72;
  --gold:       #f5cb4d;   /* points / trophies / active accents — brighter amber on navy */
  --bg:         #0c1424;   /* deep navy page */
  --panel:      #16213a;   /* navy-slate cards / tables */
  --line:       #2b3a58;
  --line-2:     #1d2b45;
  --ink:        #eaf0f8;   /* cool off-white text */
  --ink-soft:   #9fb0c8;
  --ink-faint:  #6b7d99;
  --good:       #34d399;   /* emerald */
  --bad:        #f2705f;
  --field:      #16213a;
  --radius:     9px;        /* rounder cards — modern feel */
  --shadow:     0 2px 10px rgba(0,0,0,.38);
}

/* Light (opt-in): cool paper-blue instead of warm newsprint. */
:root[data-theme="light"] {
  --brand:      #12203a;
  --brand-2:    #e7edf6;
  --accent:     #e5301f;
  --accent-dk:  #b81f12;
  --gold:       #b5791a;
  --bg:         #eef2f8;   /* cool light-blue paper */
  --panel:      #ffffff;
  --line:       #d5deea;
  --line-2:     #e6ecf4;
  --ink:        #16223c;
  --ink-soft:   #56637c;
  --ink-faint:  #8593a8;
  --good:       #0f9d63;
  --bad:        #d64a3f;
  --field:      #ffffff;
  --radius:     9px;
  --shadow:     0 2px 8px rgba(20,30,50,.08);
}

/* A couple of light touches so the navy reads as intentional, not just recoloured: */
/* the "current row" highlight was an off-brand blue — align it to the gold family used elsewhere */
tr.gm-cur td { background: rgba(245, 203, 77, .10); }
.gm-objline { background: rgba(245, 203, 77, .08); }
/* give the app a slightly airier panel edge on navy */
.gm-app { --shadow: 0 2px 10px rgba(0,0,0,.38); }