/*
 * Single source of truth for the 4 Grand Slam themes.
 * Served at `/shared/themes/themes.css`. Consumed by:
 *   - The published report shell (shared/report/report-template.html)
 *   - The player dashboard, media library, drill library and preferences
 *
 * Add new themes here only. Do NOT duplicate these blocks in another file.
 *
 * This file used to say all of the above while being loaded by exactly one of
 * them; the player pages each carried their own copy of the blocks below. They
 * had not drifted, which is the only reason nothing was visibly wrong — one of
 * the seven copies already lacked --accent-rgb entirely.
 *
 * The player pages are precached, so this file is too (see PRECACHE_URLS in
 * services/main-server/public/sw.js). An external stylesheet the shell waits on
 * would otherwise put the network back in front of first paint, which is the
 * thing the cache-first navigation handler exists to remove.
 */

:root {
  /* Wimbledon (default): grass green + accent yellow */
  --bg-primary: #2c5f2d;
  --bg-secondary: #1a3a1b;
  --accent: #e4f91b;
  --accent-rgb: 228, 249, 27;
}

[data-theme="french"] {
  /* Roland-Garros: clay terracotta + warm sand accent */
  --bg-primary: #b85c2e;
  --bg-secondary: #8b4513;
  --accent: #ffcc80;
  --accent-rgb: 255, 204, 128;
}

[data-theme="us"] {
  /* US Open: deep navy + bright cyan-blue accent */
  --bg-primary: #1a365d;
  --bg-secondary: #0f2744;
  --accent: #63b3ed;
  --accent-rgb: 99, 179, 237;
}

[data-theme="australian"] {
  /* Australian Open: hardcourt blue + teal accent */
  --bg-primary: #0077c0;
  --bg-secondary: #004d80;
  --accent: #38b2ac;
  --accent-rgb: 56, 178, 172;
}


/* Swatches for a theme picker.
 *
 * A swatch has to show the colour of the theme it NAMES, not the theme that is
 * currently active, so var(--bg-primary) is wrong here by construction — it
 * would paint every swatch the same. Literal values, and they live here so the
 * picker markup stops carrying its own inline copy of the palette.
 */
[data-swatch="wimbledon"]  { background: #2c5f2d; }
[data-swatch="french"]     { background: #b85c2e; }
[data-swatch="us"]         { background: #1a365d; }
[data-swatch="australian"] { background: #0077c0; }