/* Officiating skin — SO's OWN visual identity, loaded after the shared
 * practice-kit themes.css. This is deliberately NOT in the shared token file:
 * Sports Officiating needs a look that reads as its own product (penalty-flag
 * gold on warm charcoal, drawn straight from the striped app icon) rather than
 * the navy/blue palette every other app inherits.
 *
 * It adds ONE new theme, [data-theme="official"], which _pwa_head.html sets as
 * the default. Every other theme (midnight, stripes, scoreboard, …) is left
 * untouched and still selectable. Component CSS lives in the templates and keys
 * off these tokens, so nothing here changes layout — only the values.
 */

/* ── "Official" — penalty-flag gold on warm charcoal ──────────────────────
   Warm neutral ground (not the blue-cast midnight), gold as the single accent
   (the icon's "SPORTS" gold, and the penalty flag), red reserved for when it
   actually matters (a missed ruling). */
[data-theme="official"] {
    --page-a: #1b1c1f;   --page-b: #141517;        /* warm charcoal gradient */
    --surface: #212327;                            /* cards */
    --ink: #f1eee7;      --ink-mid: #d8d4ca;        /* warm off-white, paper-ish */
    --ink-dim: #b1ada2;  --ink-soft: #9d998e;
    --ink-faint: #7d796f; --ink-mute: #8b877d;
    --line: #383a3f;
    --accent: #e0a92e;   --accent-strong: #f2c451;  /* penalty-flag gold */
    --accent-hover: #eeba3e; --on-accent: #1c1500;   /* dark ink on gold */
    --info: #d8ad57;     --info-strong: #e9c473;     /* softer gold for links */
    --q-bg: #1b1d21;                               /* question box */
    --a-bg: #201f14;     --a-border: #7c6a2c;       /* answer box — warm olive-gold */
    --opt-bg: #26282d;   --opt-border: #3c3e44;     /* option rows */
    --opt-ink: #ebe8e0;  --opt-hover-bg: #2e3037;
    --warn-bg: #2b2413;  --warn-border: #8a6420; --warn-ink: #f0b45c;
    --danger: #d14a30;                             /* flag red — when it matters */
    --miss-bg: #2a1c18;  --miss-border: #5d3b31;
    --chip-bg: rgba(20,21,24,.85); --chip-ink: #b4b0a5;
    --panel: #26282d;    --btn-soft: #34363b;
}

/* Rule citations ("Reference: 9-13-2") read like the rulebook they point to:
   a tabular monospace, the way officials actually cite chapter-and-verse. */
[data-theme="official"] .q-ref,
[data-theme="official"] .ref,
[data-theme="official"] em {
    font-variant-numeric: tabular-nums;
}