/* =====================================================================
   PANNELLI COMUNI — token (contratto con il codice)
   ⚠️ FILE GENERATO da aspetto/strumenti/genera-token.py: NON modificarlo a
   mano (la modifica sparirebbe al giro dopo, e il tema forzato divergerebbe
   da quello automatico). Si cambia il generatore e si rilancia.

   Contratto vincolante (il modulo statistiche lo usa): --pc-sfondo
   --pc-superficie --pc-superficie-2 --pc-testo --pc-testo-tenue --pc-bordo
   --pc-accento --pc-accento-testo --pc-su-accento --pc-positivo --pc-negativo
   --pc-avviso --pc-dato-1…6 --pc-raggio --pc-sp-1…6 --pc-font --pc-font-mono
   --pc-ombra. --pc-accento-testo = l'accento usato COME testo;
   --pc-su-accento = il testo SOPRA un fondo d'accento (decisione 9).

   Tema: segue il sistema (prefers-color-scheme). L'attributo data-tema
   ("chiaro" | "scuro") sull'<html> lo forza, per un interruttore futuro;
   vale anche su un blocco qualunque (lo usa il catalogo).
   Ordine dei fogli: token.css → marchi/<sito>.css → componenti.css.
   ===================================================================== */

@font-face { font-family: "PC Plex Mono"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("font/ibm-plex-mono-400-latin1.woff2") format("woff2"); }

:root {
  --pc-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pc-font-mono: "PC Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --pc-font-titoli: var(--pc-font);
  --pc-titoli-peso: 800;
  --pc-titoli-stile: normal;
  --pc-mono-peso: 400;
  --pc-testo-xs: 0.75rem;
  --pc-testo-sm: 0.8125rem;
  --pc-testo-md: 0.9375rem;
  --pc-testo-lg: 1.125rem;
  --pc-testo-xl: 1.75rem;
  --pc-testo-2xl: 2.5rem;
  --pc-sp-1: 0.25rem;
  --pc-sp-2: 0.5rem;
  --pc-sp-3: 0.75rem;
  --pc-sp-4: 1rem;
  --pc-sp-5: 1.5rem;
  --pc-sp-6: 2rem;
  --pc-raggio: 2px;
  --pc-tocco: 2.75rem;
  --pc-larghezza: 80rem;
  --pc-larghezza-testo: 42rem;
  --pc-ombra: none;
}

:root,
[data-tema="chiaro"] {
  color-scheme: light;
  --pc-sfondo: #ffffff;
  --pc-superficie: #ffffff;
  --pc-superficie-2: #f3f4f6;
  --pc-testo: #1b1f24;
  --pc-testo-tenue: #59616b;
  --pc-bordo: #d4d7dc;
  --pc-bordo-forte: #1b1f24;
  --pc-bordo-campo: #6b737d;
  --pc-positivo: #1a7434;
  --pc-positivo-fondo: #e7f4ea;
  --pc-negativo: #b42318;
  --pc-negativo-fondo: #fdecea;
  --pc-avviso: #855000;
  --pc-avviso-fondo: #fff1d6;
  --pc-dato-1: #2a78d6;
  --pc-dato-2: #eb6834;
  --pc-dato-3: #1baf7a;
  --pc-dato-4: #eda100;
  --pc-dato-5: #e87ba4;
  --pc-dato-6: #008300;
  --pc-accento: #3b4a5c;
  --pc-accento-testo: #3b4a5c;
  --pc-su-accento: #ffffff;
  --pc-accento-tenue: #e9edf2;
  --pc-velo: rgb(17 19 21 / 0.45);
  --pc-ombra-sopra: 0 6px 24px rgb(17 19 21 / 0.18);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="chiaro"]) {
    color-scheme: dark;
    --pc-sfondo: #111315;
    --pc-superficie: #16191c;
    --pc-superficie-2: #1f2327;
    --pc-testo: #e9ecef;
    --pc-testo-tenue: #a3abb4;
    --pc-bordo: #33383e;
    --pc-bordo-forte: #e9ecef;
    --pc-bordo-campo: #868e98;
    --pc-positivo: #6bd38a;
    --pc-positivo-fondo: #12291a;
    --pc-negativo: #ff8f86;
    --pc-negativo-fondo: #3a1715;
    --pc-avviso: #f5c451;
    --pc-avviso-fondo: #332709;
    --pc-dato-1: #3987e5;
    --pc-dato-2: #d95926;
    --pc-dato-3: #199e70;
    --pc-dato-4: #c98500;
    --pc-dato-5: #d55181;
    --pc-dato-6: #008300;
    --pc-accento: #9aa9bb;
    --pc-accento-testo: #b3c0cf;
    --pc-su-accento: #10161d;
    --pc-accento-tenue: #232a33;
    --pc-velo: rgb(0 0 0 / 0.6);
    --pc-ombra-sopra: 0 6px 24px rgb(0 0 0 / 0.55);
  }
}

[data-tema="scuro"] {
  color-scheme: dark;
  --pc-sfondo: #111315;
  --pc-superficie: #16191c;
  --pc-superficie-2: #1f2327;
  --pc-testo: #e9ecef;
  --pc-testo-tenue: #a3abb4;
  --pc-bordo: #33383e;
  --pc-bordo-forte: #e9ecef;
  --pc-bordo-campo: #868e98;
  --pc-positivo: #6bd38a;
  --pc-positivo-fondo: #12291a;
  --pc-negativo: #ff8f86;
  --pc-negativo-fondo: #3a1715;
  --pc-avviso: #f5c451;
  --pc-avviso-fondo: #332709;
  --pc-dato-1: #3987e5;
  --pc-dato-2: #d95926;
  --pc-dato-3: #199e70;
  --pc-dato-4: #c98500;
  --pc-dato-5: #d55181;
  --pc-dato-6: #008300;
  --pc-accento: #9aa9bb;
  --pc-accento-testo: #b3c0cf;
  --pc-su-accento: #10161d;
  --pc-accento-tenue: #232a33;
  --pc-velo: rgb(0 0 0 / 0.6);
  --pc-ombra-sopra: 0 6px 24px rgb(0 0 0 / 0.55);
}