/* Stampa: la pagina si ribalta su fondo bianco.
   Tutto il colore passa da variabili, quindi qui si ridefiniscono i
   token e il resto segue da solo - grafici SVG compresi, che ereditano
   currentColor e le stesse variabili. Con un canvas non si potrebbe. */

@media print {
  /* La stampa e' SEMPRE chiara, qualunque tema sia attivo. Il
     selettore elenca anche :root[data-tema] per non farsi battere in
     specificita' dal blocco del tema chiaro: questo foglio si carica
     per ultimo e a parita' di peso vince lui. */
  :root, :root[data-tema], :root[data-tema="chiaro"] {
    --fondo: #FFFFFF;
    --card: #FFFFFF;
    --card-bordo: rgba(0, 0, 0, 0.18);
    --vetro: #FFFFFF;
    --vetro-bordo: rgba(0, 0, 0, 0.28);
    --pod: rgba(0, 0, 0, 0.04);
    --riga: rgba(0, 0, 0, 0.14);
    --griglia: rgba(0, 0, 0, 0.10);
    --testo: #101014;
    --testo-2: rgba(16, 16, 20, 0.70);
    --testo-3: rgba(16, 16, 20, 0.55);
    --testo-4: rgba(16, 16, 20, 0.40);
    --label: rgba(16, 16, 20, 0.55);
    --coda: rgba(16, 16, 20, 0.52);
    --bianco-tenue: rgba(16, 16, 20, 0.03);
    --bianco-tenue-2: rgba(16, 16, 20, 0.05);
    --bordo-forte: rgba(16, 16, 20, 0.24);
    --barra-fondo: #FFFFFF;
    --tratto-dato: rgba(16, 16, 20, 0.45);
    --contrario: #101014;
    --su-contrario: #FFFFFF;
    --vetro-ombra: none;
    /* l'ambra funziona anche su bianco, resta l'accento */
    --ambra: #B96A15;
    --verde: #1E7B36;
    --rosso: #C02A20;
    color-scheme: light;
  }

  html, body { background: #FFFFFF; }

  .vetro {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
  }

  .barra { position: static; background: none; backdrop-filter: none; }
  .pill[aria-current="page"], .pill.attiva {
    background: #101014; color: #FFFFFF;
  }

  .card, .vetro { break-inside: avoid; }
  .scheletro { animation: none; }

  /* niente che serva a interagire */
  .bottone, .collegamento, .non-stampare { display: none !important; }
}