/* Colori del sito: l'unico posto con le variabili CSS (eccezione decisa il 2026-10-20 per la modalita' chiara).
   Si carica prima del foglio della pagina. Tema scuro in :root, tema chiaro con la classe "chiaro" su <html>
   (la mette la pagina dalla scelta salvata sull'account, js/scriptNV.js la cambia da IMPOSTAZIONI).
   L'arancio #f96d00 dei fondi e dei bordi, il nero sull'arancio, la barra bianca in basso, il foglio del report e la
   targhetta restano scritti nei fogli: sono uguali nei due temi. */

:root {
  /* fondi, dal piu' basso al piu' alto */
  --fondo: #1a1a1a;
  --pannello: #242424;
  --pannello-scuro: #111111;
  --laterale: #1e1e1e;
  --blocco: #303030;
  --rilievo: #3a3a3a;
  --rilievo-forte: #4a4a4a;
  --velo: #ffffff0d;
  --velo-forte: #ffffff14;

  /* bordi: dei pannelli e dei blocchi dentro */
  --linea: #3a3a3a;
  --linea-forte: #4d4d4d;

  /* testi */
  --testo: #ffffff;
  --testo-2: #cccccc;
  --testo-3: #9a9a9a;
  --arancio-testo: #f96d00;
  --rosso-testo: #f44336;
  --verde-testo: #2ec27e;
  --giallo-testo: #fbd204;
  --giallo-tenue-testo: #f3dc85;
  --rosso-tenue-testo: #ffb1b1;

  /* finestre (.modal-overlay): nel tema scuro restano come prima */
  --finestra: #222222;
  --finestra-blocco: #2b2b2b;
  --finestra-rilievo: #333333;
  --finestra-forte: #444444;

  color-scheme: dark;
}

html.chiaro {
  --fondo: #eceef1;
  --pannello: #ffffff;
  --pannello-scuro: #e4e7eb;
  --laterale: #ffffff;
  --blocco: #f4f5f7;
  --rilievo: #e8eaee;
  --rilievo-forte: #d6dae0;
  --velo: #0000000a;
  --velo-forte: #00000012;

  --linea: #d5d9df;
  --linea-forte: #b9bfc7;

  --testo: #1a1a1a;
  --testo-2: #3f4349;
  --testo-3: #5f6670;
  --arancio-testo: #b34c00;
  --rosso-testo: #c62828;
  --verde-testo: #1b7a4c;
  --giallo-testo: #7a5c00;
  --giallo-tenue-testo: #7a5c00;
  --rosso-tenue-testo: #b3261e;

  --finestra: #ffffff;
  --finestra-blocco: #f4f5f7;
  --finestra-rilievo: #d5d9df;
  --finestra-forte: #b9bfc7;

  color-scheme: light;
}