/* Brand tokens — canonical palette from player_watch_v2.
   Loaded before each template's inline <style>, so local rules still win.
   Legacy names below are aliases; keep them until templates are renamed. */
:root{
  /* type */
  --font-d:'Barlow Condensed',system-ui,sans-serif;   /* display */
  --font-b:'Barlow',system-ui,sans-serif;             /* body */
  --font-m:ui-monospace,SFMono-Regular,Menlo,monospace;/* scores, numbers */

  --fs-xs:.75rem;   /* 12px — floor */
  --fs-sm:.875rem;  /* 14px */
  --fs-md:1rem;     /* 16px — body */
  --fs-lg:1.25rem;
  --fs-xl:1.5rem;
  --fs-2xl:2rem;
  --fs-3xl:2.75rem;

  /* surfaces */
  --bg:#07070a;
  --surface:#111116;
  --surface-2:#1a1a22;
  --surface-3:#22222d;
  --surface-4:#2c2c3a;
  --border:rgba(255,255,255,.07);
  --border-2:rgba(255,255,255,.13);

  /* text */
  --text:#f0f0f6;
  --text-2:#9898b0;
  --text-3:#52526a;

  /* accents */
  --accent:#e91c4c;
  --accent-dim:rgba(233,28,76,.14);
  --blue:#2d9cdb;   --blue-dim:rgba(45,156,219,.14);
  --win:#22c55e;    --win-dim:rgba(34,197,94,.12);
  --loss:#f43f5e;   --loss-dim:rgba(244,63,94,.10);
  --deuce:#a78bfa;  --deuce-dim:rgba(167,139,250,.12);
  --cyan:#06b6d4;   --cyan-dim:rgba(6,182,212,.10);
  --orange:#f59e0b;
  --hdr-h:52px;

  /* radius / shadow */
  --radius:8px; --radius-sm:6px; --radius-md:10px; --radius-lg:16px;
  --shadow:0 4px 16px rgba(0,0,0,.35);
  --shadow-sm:0 1px 3px rgba(0,0,0,.30);
  --shadow-md:0 4px 16px rgba(0,0,0,.35);
  --shadow-lg:0 8px 40px rgba(0,0,0,.45);

  /* --- legacy aliases --- */
  --card:var(--surface);          --card2:var(--surface-2);
  --panel:var(--surface);         --panel2:var(--surface-2);
  --bg-base:var(--bg);            --bg-card:var(--surface);
  --bg-card-raised:var(--surface-2); --bg-raised:var(--surface-2);
  --bg-control:var(--surface-3);  --bg-glass:rgba(17,17,22,.88);
  --fg:var(--text);               --ink:var(--text);
  --muted:var(--text-2);          --mut:var(--text-2);
  --text-sec:var(--text-2);       --text-secondary:var(--text-2);
  --dim:#c8ccd8;                  /* legacy --dim sat above --muted; kept brighter */
  --line:var(--border);           --sep:var(--border); --separator:var(--border);
  --bd:var(--border);
  --acc:var(--accent);
  --green:var(--win);             --red:var(--loss);
  --red-dim:var(--loss-dim);
  --ok:var(--win);                --warn:var(--orange); --err:var(--loss);
  --purple:var(--deuce);          --indigo:#818cf8; --indigo-dim:rgba(129,140,248,.12);
  --yellow:#eab308;               --amber:#f59e0b; --amber-dim:rgba(245,158,11,.12);
  --teal:#14b8a6;                 --teal-dim:rgba(20,184,166,.12);
  --emerald:var(--win);           --emerald-dim:var(--win-dim);
  --sky:var(--blue);              --sky-dim:var(--blue-dim);
  --gold:#fbbf24;                 --warm:#ffcf5c;
  --accent-green:var(--win);      --accent-red:var(--loss);
  --accent-orange:var(--orange);  --accent-purple:var(--deuce);
  --label-primary:var(--text);    --label-secondary:var(--text-2);
  --label-tertiary:var(--text-3); --label-quaternary:rgba(240,240,246,.22);
  --disp:var(--font-d);           --body:var(--font-b); --font:var(--font-b);
}
body{font-family:var(--font-b);font-size:var(--fs-md);line-height:1.5;color:var(--text);background:var(--bg)}