/* Volleyball theme: teal and coral on navy. Coral is a fill or highlight with dark text, never text on white.
   Tokens are defined three times (light, system dark, forced dark). Keep the three blocks in sync. */
:root{
  --bg:#F2F6F7; --surface:#FFFFFF; --surface2:#E3EBED; --ink:#16223A; --muted:#566275; --line:#D2DCE0;
  --accent:#0E7C86; --accent-ink:#0B646C; --on-accent:#FFFFFF; --accent-soft:#DDF1F2;
  --hl:#F26B5B; --hl-soft:#FFEDEA; --focus:#16223A;
  --done:#1B8A50; --done-soft:#DDF3E6; --warn:#8A5A00; --warn-soft:#FFF1D6; --out:#B3261E;
  --hdr-bg:#0E7C86; --hdr-ink:#FFFFFF; --hdr-sub:#D6F0F2; --logo:#FFFFFF; --tab-on-bg:#0E7C86; --tab-on-ink:#FFFFFF;
  --strip:repeating-linear-gradient(90deg,#F26B5B 0 24px,#16223A 24px 26px,#FFFFFF 26px 50px,#16223A 50px 52px); --strip-h:6px;
  --shadow:0 1px 2px rgba(22,34,58,.08),0 4px 14px rgba(22,34,58,.06);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0A111F; --surface:#16223A; --surface2:#1F2E4A; --ink:#EEF3F6; --muted:#A3B0C2; --line:#2A3A58;
  --accent:#3FC2CE; --accent-ink:#5ED0DA; --on-accent:#08202A; --accent-soft:#12394A;
  --hl:#F26B5B; --hl-soft:#3A2230; --focus:#9FE3EA;
  --done:#4CD58D; --done-soft:#143A29; --warn:#F2C26B; --warn-soft:#3B2D10; --out:#FF7A70;
  --hdr-bg:#0A111F; --hdr-ink:#3FC2CE; --hdr-sub:#A3B0C2; --logo:#3FC2CE; --tab-on-bg:#3FC2CE; --tab-on-ink:#08202A;
  --strip:repeating-linear-gradient(90deg,#F26B5B 0 24px,#0A111F 24px 26px,#3FC2CE 26px 50px,#0A111F 50px 52px);
  --shadow:0 1px 2px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.3); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0A111F; --surface:#16223A; --surface2:#1F2E4A; --ink:#EEF3F6; --muted:#A3B0C2; --line:#2A3A58;
  --accent:#3FC2CE; --accent-ink:#5ED0DA; --on-accent:#08202A; --accent-soft:#12394A;
  --hl:#F26B5B; --hl-soft:#3A2230; --focus:#9FE3EA;
  --done:#4CD58D; --done-soft:#143A29; --warn:#F2C26B; --warn-soft:#3B2D10; --out:#FF7A70;
  --hdr-bg:#0A111F; --hdr-ink:#3FC2CE; --hdr-sub:#A3B0C2; --logo:#3FC2CE; --tab-on-bg:#3FC2CE; --tab-on-ink:#08202A;
  --strip:repeating-linear-gradient(90deg,#F26B5B 0 24px,#0A111F 24px 26px,#3FC2CE 26px 50px,#0A111F 50px 52px);
  --shadow:0 1px 2px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.3); color-scheme:dark}