/* Tema scuro: segue la preferenza del sistema (prefers-color-scheme), senza
   JS né cookie. Solo colori, nessun url(): con qualsiasi tema la pagina
   chiede gli stessi file, così il server non sa chi lo usa. Carta e
   inchiostro del tema chiaro scambiati; i testi almeno 4,5:1 (WCAG AA) su
   sfondo e riquadri. Ogni colore scritto in main.css fuori dalle variabili
   ha qui la sua versione scura (tests/scuro.sh). */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #11110f;
    --panel: #1b1b18;
    --panel2: #262622;
    --ink: #e9e9e1;
    --muted: #999991;
    --line: #383833;
    --line-strong: #67675f;
    --accent: #d46a6a;
    --text-near-black: #c6c6be;
    --rule: #2e2e2a;
    --chip: #23231f;
    --field: #1b1b18;
    --shadow-drop: 0 18px 50px rgba(0,0,0,.5);
    --shadow-menu: 0 14px 30px rgba(0,0,0,.45);
  }
  body {
    background-image:
      linear-gradient(rgba(233,233,225,.022) 1px, transparent 1px),
      linear-gradient(90deg, rgba(233,233,225,.016) 1px, transparent 1px);
  }
  .site-header { background: rgba(17,17,15,.96); }
  /* Il logo è un PNG nero su bianco: invertito, con il nero (il vecchio
     bianco) che lascia vedere lo sfondo. I pittogrammi delle sezioni sono
     SVG in currentColor: si schiariscono da soli. */
  img.brand-logo { filter: invert(1) brightness(.91); mix-blend-mode: lighten; }
  .button:hover { color: var(--bg); }
  /* .contact-qr resta su bianco: non tutti i lettori leggono un QR chiaro
     su scuro. */
}