/* Il tema: l'unico posto dove stanno i colori e i font dell'evento.

   Fase 2 di Regia_def (10/09/2026). Prima ogni foglio ridefiniva la sua
   palette (`--rbts-*` copiata in 14 fogli, con valori già divergenti) e ~200
   colori stavano scritti a mano nelle regole. Ora ogni foglio legge DA QUI, e
   cambiare evento vuol dire cambiare questo blocco — dalla fase 3 lo genera il
   server da `data/tema/tema.json`, questo file resta il tema di serie (Riding by
   the Sea) e la scorta se il JSON manca.

   Le varianti «-2» esistono perché la grafica delle torri era nata con tinte
   leggermente diverse da quelle del ledwall (es. il bruno scuro #17110f contro
   #1c1512) e il tema di serie deve restare identico al pixel: per un evento
   nuovo si può dare solo il colore base e le varianti ricadono su quello
   (vedi il generatore, fase 3). Le `-rgb` sono le stesse tinte come terna
   «r g b», per le velature `rgb(var(--tema-crema-rgb) / 16%)`: la sintassi
   relativa `rgb(from …)` non c'è sui browser delle TV vecchie.

   Cosa NON sta qui, di proposito: i colori di key chroma (verde/fucsia sono
   tecnici, li decide il pannello), i colori delle maglie di polo (sono dati
   della partita), il pannello di regia (`styles.css`, interfaccia d'ufficio,
   non va in onda), il pannello diagnostico del ledwall (tasto C, mai in onda),
   le ombre nere `rgb(0 0 0 / n%)` e i bianchi puri delle luci, e il finto
   fotogramma della telecamera in stream-preview (cielo, erba: non è grafica).
   Sono token ma NON seguono i colori base del pannello, di proposito, perché
   hanno un significato proprio e non un ruolo nella palette: i materiali della
   grafica 3D (`--tema-3d-*`: rame, carbonio, lastra, legno), le medaglie del
   sito (`--tema-sito-medaglia-*`: oro/argento/bronzo metallici), i neri del
   sito (`--tema-sito-nero*`), i rossi di stato del sito (`--tema-sito-rosso-*`),
   la taratura (`--tema-taratura-*`) e `--tema-bianco`. Si cambiano scrivendoli
   nel JSON, uno per uno. */

:root {
  /* ── Famiglia calda (torri, ledwall, polo, prossimo, stream, TV) ───────── */
  --tema-scuro: #1c1512;
  --tema-scuro-rgb: 28 21 18;
  --tema-scuro-2: #17110f;
  --tema-scuro-2-rgb: 23 17 15;
  --tema-fondo-nero: #14100e; /* inchiostro sui fondi chiari e nero del ledwall */
  --tema-fondo-nero-rgb: 20 16 14;
  --tema-pannello: #2b2019;
  --tema-pannello-rgb: 43 32 25;
  --tema-pannello-2: #2a1f1a;
  --tema-pannello-alt: #241a14;
  --tema-pannello-alt-rgb: 36 26 20;
  --tema-pannello-alt-2: #3a2b23;
  --tema-pannello-alt-3: #3a2b20;
  --tema-pannello-luce: #46352b; /* fine sfumatura dei riquadri leader/podio */
  --tema-riga-scura: #30231d; /* riga alternata delle tabelle torre */
  --tema-riga-chiara: #e8e4dc;
  --tema-velo-scuro-rgb: 17 12 10; /* velo dei messaggi «in attesa» */
  --tema-velo-torre-rgb: 18 13 11;
  --tema-crema: #f4f1eb;
  --tema-crema-rgb: 244 241 235;
  --tema-crema-cupa: #ded7cb;
  --tema-crema-cupa-2: #ded7cc;
  --tema-crema-ombra: #d9d2c6;
  --tema-taupe: #cbb9a8;
  --tema-taupe-rgb: 203 185 168;
  --tema-taupe-2: #d0bfb0;
  --tema-taupe-chiaro: #d9cbbc;
  --tema-muto: #8a7a6a;
  --tema-muto-rgb: 138 122 106;
  --tema-muto-2: #9a8473;
  --tema-oro: #e8c840;
  --tema-oro-rgb: 232 200 64;
  --tema-oro-chiaro: #f2d65a;
  --tema-oro-cupo: #c9a521;
  --tema-argento: #cfc6ba;
  --tema-bronzo: #c98a4b;
  --tema-terracotta: #c05a3c;
  --tema-terracotta-rgb: 192 90 60;
  --tema-terracotta-2: #c96043;
  --tema-terracotta-chiara: #d0684a;
  --tema-terracotta-cupa: #93412a;
  --tema-terracotta-inchiostro: #ffe4de; /* testo sul fondo terracotta */
  --tema-terracotta-spessore: #7a3524; /* il rilievo delle scritte del gol */
  --tema-ambra: #e0a339;
  --tema-ambra-rgb: 224 163 57;
  --tema-ambra-2: #e6a83d;
  --tema-rosso: #e2584f;
  --tema-rosso-2: #ed645a;
  --tema-rosso-cupo: #cc2118;
  --tema-rosso-vivo: #d92b20;
  --tema-rosso-fondo: #a5150e;
  --tema-rosso-tenue: #ff8a7a; /* eliminato/ritirato sul ledwall */
  --tema-verde: #4caf7d;
  --tema-verde-2: #55b58a;
  --tema-verde-vivo: #22945a;
  --tema-verde-medio: #1a7f4b;
  --tema-verde-fondo: #146138;
  --tema-verde-testo: #0f7a3d;
  --tema-mare: #5b9299;
  --tema-blu: #325f96;
  --tema-blu-scuro: #1e3d66;
  --tema-bianco: #fff;
  --tema-bruno-chiaro: #4d3a2d; /* sfumature dei riquadri bruni del ledwall */
  --tema-bruno-medio: #362820;
  --tema-bruno-fondo: #241a15;
  --tema-bruno-chiaro-2: #46342a;
  --tema-bruno-medio-2: #33261e;
  --tema-bruno-chiaro-3: #6b4a37;
  --tema-bruno-medio-3: #503529;
  --tema-bruno-fondo-3: #38251b;
  --tema-scuro-fondo: #140f0c; /* fondo della scorebar del polo */

  /* ── Marchio (ledwall e TV «RbtS»: navy, oro, crema, bruno) ─────────────── */
  --tema-rb-navy: #17325a;
  --tema-rb-navy-alto: #1d3d69;
  --tema-rb-navy-basso: #102544;
  --tema-rb-navy-fondo: #142c50;
  --tema-rb-navy-notte: #0b1c38;
  --tema-rb-blu: #1e5080;
  --tema-rb-blu-alto: #275f93;
  --tema-rb-oro: #a5825b;
  --tema-rb-oro-alto: #c0a077;
  --tema-rb-oro-basso: #7e6142;
  --tema-rb-crema: #f3ede4;
  --tema-rb-crema-rgb: 243 237 228;
  --tema-rb-crema-basso: #ddd3c4;
  --tema-rb-bruno: #3d2c25;
  --tema-rb-bruno-alto: #4d3830;
  --tema-rb-bruno-basso: #2a1d18;
  /* Il testo SOPRA le celle oro (posizione, penalità, pettorale, cifre del
     countdown). Di serie crema, come nato; con un oro chiaro va scuro:
     il generatore lo ricava dalla luminanza di rb-oro se il JSON non lo dice. */
  --tema-rb-oro-inchiostro: #f3ede4;
  --tema-rb-oro-inchiostro-rgb: 243 237 228;
  --tema-rb-rosso: #c8503c;
  --tema-rb-rosso-alto: #d4604b;
  --tema-rb-rosso-tenue: #ffd9d0;
  --tema-rb-rosso-tenue-2: #ffb3a6;

  /* ── Grafica 3D (materiali della scena live in rilievo) ─────────────────── */
  --tema-3d-rame-luce: #f6dcb8;
  --tema-3d-rame-alto: #dda76c;
  --tema-3d-rame-medio: #b4713d;
  --tema-3d-rame-basso: #7d4522;
  --tema-3d-rame-ombra: #4d2812;
  --tema-3d-carbonio-alto: #3d3d45;
  --tema-3d-carbonio-medio: #26262c;
  --tema-3d-carbonio-basso: #141418;
  --tema-3d-lastra: #f7f3ea;
  --tema-3d-lastra-media: #efe9dc;
  --tema-3d-lastra-ombra: #d9d2c4;
  --tema-3d-lastra-chiara: #f2ece0;
  --tema-3d-lastra-chiara-ombra: #e6dfd0;
  --tema-3d-inchiostro: #1a1410;
  --tema-3d-legno-alto: #4a3122;
  --tema-3d-legno-medio: #35211a;
  --tema-3d-legno-basso: #201209;
  --tema-3d-legno-basso-2: #241610;
  --tema-3d-legno-alto-2: #3a251b;
  --tema-3d-legno-medio-2: #2a1a12;
  --tema-3d-legno-basso-3: #1b100b;

  /* ── Sito dei risultati (pagina pubblica /regia/risultati/, fondo chiaro) ── */
  --tema-sito-primario: #745d4f;
  --tema-sito-primario-scuro: #503529;
  --tema-sito-primario-cupo: #483931;
  --tema-sito-primario-chiaro: #9a8e74;
  --tema-sito-primario-chiaro-2: #a3897a;
  --tema-sito-testo: #231f20;
  --tema-sito-testo-2: #514137;
  --tema-sito-accento: #b0492f;
  --tema-sito-accento-rgb: 176 73 47;
  --tema-sito-accento-tenue: #f0d1c7;
  --tema-sito-accento-testo: #562618;
  --tema-sito-accento-testo-2: #632c1b;
  --tema-sito-accento-testo-3: #823923;
  --tema-sito-nero: #0a0a0a;
  --tema-sito-nero-card: #111;
  --tema-sito-nero-superficie: #161616;
  --tema-sito-crema: #f6f3ee;
  --tema-sito-crema-cupa: #d4cabd;
  --tema-sito-bianco-morbido: #fdfaf9;
  --tema-sito-fondo-2: #f1ece7;
  --tema-sito-fondo-3: #ece6e3;
  --tema-sito-testo-chiaro: #fff8ef;
  --tema-sito-avatar-alto: #e6dccf;
  --tema-sito-avatar-alto-2: #f1eadf;
  --tema-sito-scuro-alto: #4e3f36;
  --tema-sito-scuro-alto-2: #42352e;
  --tema-sito-scuro-medio: #2e251f;
  --tema-sito-scuro-basso: #211a16;
  --tema-sito-scuro-basso-2: #322823;
  --tema-sito-card-alto: #f0ecea;
  --tema-sito-card-basso: #e5ddd8;
  --tema-sito-card-2-alto: #f1eeec;
  --tema-sito-card-2-basso: #e5e0dc;
  --tema-sito-card-rosa: #faefeb;
  --tema-sito-card-rosa-chiara: #fcf5f3;
  --tema-sito-barra-alto: #cbbcb3;
  --tema-sito-pillola-rosa-alto: #f6e4df;
  --tema-sito-pillola-rosa-basso: #e2bfb4;
  --tema-sito-pillola-grigia-alto: #f9f8f7;
  --tema-sito-pillola-grigia-basso: #ece7e4;
  --tema-sito-pillola-arancio-alto: #fff1e8;
  --tema-sito-pillola-arancio-basso: #ffd2b8;
  --tema-sito-pillola-arancio-2-alto: #ffe7d6;
  --tema-sito-pillola-arancio-2-basso: #ffc7a1;
  --tema-sito-arancio-testo: #b0480b;
  --tema-sito-rosso-live: #ff5f57;
  --tema-sito-rosso-errore: #ff5555;
  --tema-sito-medaglia-oro: #ffd700;
  --tema-sito-medaglia-argento: #c0c0c0;
  --tema-sito-medaglia-bronzo: #cd7f32;
  /* velature del sito: le stesse tinte come terne, per rgb(var(--x-rgb) / a) */
  --tema-sito-testo-rgb: 50 40 35;
  --tema-sito-testo-2-rgb: 81 65 55;
  --tema-sito-crema-velo-rgb: 248 239 237;
  --tema-sito-primario-rgb: 116 93 79;
  --tema-sito-primario-cupo-rgb: 72 57 49;
  --tema-sito-accento-2-rgb: 182 81 50;
  --tema-sito-accento-scuro-rgb: 159 70 43;
  --tema-sito-ombra-rgb: 45 38 32;
  --tema-sito-ombra-scura-rgb: 35 25 20;
  --tema-sito-bruno-rgb: 80 53 41;
  --tema-sito-rosa-rgb: 243 220 213;
  --tema-sito-rosa-chiara-rgb: 246 238 236;
  --tema-sito-rosa-media-rgb: 240 228 225;
  --tema-sito-rosso-live-rgb: 255 95 87;
  --tema-sito-arancio-rgb: 226 111 32;
  --tema-sito-bianco-morbido-rgb: 253 250 249;
  --tema-sito-grigio-caldo-rgb: 205 190 182;
  --tema-sito-grigio-1-rgb: 248 246 245;
  --tema-sito-grigio-2-rgb: 247 245 244;
  --tema-sito-grigio-3-rgb: 240 236 233;
  --tema-sito-grigio-4-rgb: 240 235 231;
  --tema-sito-grigio-5-rgb: 230 222 218;
  --tema-sito-grigio-6-rgb: 222 216 210;
  --tema-sito-grigio-7-rgb: 195 178 168;
  --tema-sito-font-titoli: "Playfair Display", Georgia, serif;
  --tema-sito-font-display: "F37 Wicklow Stencil", "Playfair Display", Didot, Georgia, serif;
  --tema-sito-font-testo: "Inter", "Segoe UI", sans-serif;

  /* ── Taratura (pagina tecnica dei pannelli LED) ────────────────────────────── */
  --tema-taratura-bruno: #6b4a35;
  --tema-taratura-bruno-rgb: 107 74 53;
  --tema-taratura-ok: #6fd08c;
  --tema-taratura-errore: #ff7a5c;

  /* ── Il nome dell'evento, per i `content:` del CSS (le pagine lo aggiornano
     anche dall'hello; il server lo scrive qui dal tema.json) ─────────────── */
  --tema-nome-evento: "Riding by the Sea";

  /* ── Opzioni di resa (0/1) ─────────────────────────────────────────────── */
  --tema-fit-pagina: 0; /* 1 = nomi delle tabelle a taglia unica per pagina */

  /* ── Font ───────────────────────────────────────────────────────────────── */
  --tema-font-testo: "Inter", Arial, sans-serif;
  --tema-font-forte: "Inter", "Arial Black", Arial, sans-serif;
  --tema-font-titoli: "Playfair Display", Georgia, serif;
  --tema-font-stencil: "F37 Wicklow Stencil", "Playfair Display", Georgia, serif;
  --tema-font-stream: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --tema-font-serif-sistema: Georgia, "Times New Roman", serif;
}

/* ── Gli alias per famiglia di pagina ─────────────────────────────────────────
   I fogli condivisi (polo-comune, next, video, torre-podio…) sono scritti con
   i nomi storici `--rbts-*` e `--rb-*`: qui, e SOLO qui, quei nomi vengono
   agganciati ai token. Le torri sono nate con tinte proprie: `<html
   data-famiglia="torre">` le fa ricadere sulle varianti «-2». Un foglio non
   deve più definire un `--rbts-*`: se lo fa, vince sul tema e l'evento nuovo
   non lo cambia. */
:root {
  --rbts-dark: var(--tema-scuro);
  --rbts-panel: var(--tema-pannello);
  --rbts-panel-alt: var(--tema-pannello-alt);
  --rbts-cream: var(--tema-crema);
  --rbts-taupe: var(--tema-taupe);
  --rbts-muted: var(--tema-muto);
  --rbts-gold: var(--tema-oro);
  --rbts-silver: var(--tema-argento);
  --rbts-bronze: var(--tema-bronzo);
  --rbts-terracotta: var(--tema-terracotta);
  --rbts-amber: var(--tema-ambra);
  --rbts-red: var(--tema-rosso);
  --rbts-red-deep: var(--tema-rosso-cupo);
  --rbts-green: var(--tema-verde);
  --rbts-sea: var(--tema-mare);
  --rbts-blue: var(--tema-blu);
  --rbts-blue-dark: var(--tema-blu-scuro);

  --rb-navy: var(--tema-rb-navy);
  --rb-navy-alto: var(--tema-rb-navy-alto);
  --rb-navy-basso: var(--tema-rb-navy-basso);
  --rb-blu: var(--tema-rb-blu);
  --rb-blu-alto: var(--tema-rb-blu-alto);
  --rb-oro: var(--tema-rb-oro);
  --rb-oro-alto: var(--tema-rb-oro-alto);
  --rb-oro-basso: var(--tema-rb-oro-basso);
  --rb-crema: var(--tema-rb-crema);
  --rb-crema-basso: var(--tema-rb-crema-basso);
  --rb-bruno: var(--tema-rb-bruno);
  --rb-bruno-alto: var(--tema-rb-bruno-alto);
  --rb-bruno-basso: var(--tema-rb-bruno-basso);
  --rb-rosso: var(--tema-rb-rosso);
  --rb-oro-inchiostro: var(--tema-rb-oro-inchiostro);
}

html[data-famiglia="torre"] {
  --rbts-dark: var(--tema-scuro-2);
  --rbts-panel: var(--tema-pannello-2);
  --rbts-panel-alt: var(--tema-pannello-alt-2);
  --rbts-taupe: var(--tema-taupe-2);
  --rbts-muted: var(--tema-muto-2);
  --rbts-terracotta: var(--tema-terracotta-2);
  --rbts-amber: var(--tema-ambra-2);
  --rbts-red: var(--tema-rosso-2);
  --rbts-green: var(--tema-verde-2);
}

html[data-famiglia="prossimo"] {
  --rbts-panel-alt: var(--tema-pannello-alt-3);
}

html[data-famiglia="polo"] {
  --rbts-red: var(--tema-rosso-cupo);
}