/* TMT: Volleyball Hub shared theme. Every page links this file.
   Rules for using it are in AGENTS.md at the repo root. Change colors here, not in pages. */
:root{
  color-scheme:light;
  /* surfaces and text */
  --bg:#eef1f5;        /* page background */
  --card:#fff;         /* cards, panels, inputs */
  --ink:#14213d;       /* main text */
  --muted:#55607a;     /* secondary text, labels */
  --chip:#dde3ec;      /* resting buttons, chips, tags */
  --edge:#cfd7e3;      /* hairlines and input borders */
  --on:#14213d;        /* selected / primary fill */
  --onink:#fff;        /* text on --on */
  /* player roles, also used as accents */
  --S:#e63946;--OH:#1d6fdc;--MB:#2a9d5c;--OPP:#f4a300;--L:#7b5cd6;
  --accent:#1d6fdc;    /* focus rings, links, sliders, checkboxes */
  --alert:#c0281f;     /* rule highlights, errors */
  --ok:#2a9d5c;        /* confirmations (toasts) */
  --pending:#fff4cc;   /* changes not saved yet (Clip Marker) */
  --pending-edge:#d9a400;
  --arrow:#d4148c;     /* movement and ball arrows on the court */
  --arrow-halo:#fffdf6; /* outline that keeps arrows visible over court lines */
  --shadow:0 10px 28px rgba(10,20,40,.18);
  /* type and shape */
  --font:Barlow,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Barlow Condensed","Arial Narrow",sans-serif;
  --r:12px;            /* cards */
  --r-sm:10px;         /* buttons, inputs */
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#0f1624;--card:#18223a;--ink:#e8edf6;--muted:#9aa6bf;--chip:#26324f;--edge:#2e3b5c;--on:#e8edf6;--onink:#0f1624;
  --accent:#5b9bff;--shadow:0 10px 28px rgba(0,0,0,.45);--arrow:#ff4fb8;--arrow-halo:#0f1624;
  --pending:#3a3218;--pending-edge:#e0b400;
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0f1624;--card:#18223a;--ink:#e8edf6;--muted:#9aa6bf;--chip:#26324f;--edge:#2e3b5c;--on:#e8edf6;--onink:#0f1624;
  --accent:#5b9bff;--shadow:0 10px 28px rgba(0,0,0,.45);--arrow:#ff4fb8;--arrow-halo:#0f1624;
  --pending:#3a3218;--pending-edge:#e0b400;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.45 var(--font)}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
input[type=range],input[type=checkbox]{accent-color:var(--accent)}
code,kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em}
/* "← TMT: Volleyball Hub" link above each page title */
.back{display:inline-block;color:var(--muted);font-size:14px;text-decoration:none}
.back:hover{color:var(--ink)}