/* Colori Gelaterie Duomo — design system definitivo (specifica del 07/10/2026, §4).
   Fonte: brand book del grafico (Loghi/Gelaterie Duomo/Presentazione/Presentazione Logo.pdf) e PDF
   vettoriali del logo. Due colori, celeste e panna, più il bianco. Il nero non esiste.
   Carta e schermo usano lo STESSO colore: HEX per lo schermo, CMYK per la tipografia
   (celeste C42 M3 Y0 K0, panna C0 M0 Y9 K0 — dal PDF vettoriale CMYK del logo, mai convertiti da HEX).

   Due registri:
   - PUBBLICO (sito, stampa, locandine, social, presentazioni): solo celeste, panna, bianco e,
     a schermo, le sfumature del celeste. Mai antracite, grigi, blu o nero, nemmeno per il testo.
   - GESTIONALI (Faro, Eco, strumenti interni e le loro stampe/PDF): in più antracite e grigi per
     testo e numeri, celeste scuro solo come accento, semantici solo nei messaggi di stato.
   Il controllo è strumenti/controlla-colori.py. */
:root {
  /* — Brand book: entrambi i registri — */
  --celeste: #9BD7F6;            /* C42 M3 Y0 K0. Pubblico: fondi, testo, bottone primario. Gestionali: fondi, bottoni, testate */
  --panna: #FFF9E9;              /* C0 M0 Y9 K0. Testo su celeste, nuvole, fondi */
  --bianco: #FFFFFF;

  /* — Sfumature del celeste: solo a schermo (in stampa si usano celeste e panna pieni) — */
  --celeste-15: #F0F9FE;         /* 15% celeste su bianco. Pubblico: stati del sito. Gestionali: wash, hover */
  --celeste-30: #E1F3FC;         /* Pubblico: stati del sito. Gestionali: riga/voce selezionata */
  --celeste-50: #CDEBFA;         /* bordi; nei gestionali anche il campo attivo. Mai --ink-3 sopra (4,4:1) */
  --celeste-hover: #85C5E6;      /* hover del bottone celeste (celeste 85% + celeste scuro) */

  /* — Solo GESTIONALI: mai nel registro Pubblico — */
  --ink: #1C242B;                /* antracite: testo e numeri; testo sul celeste pieno (10,1:1) */
  --su-celeste: var(--ink);      /* testo sul colore principale (bottone celeste, testate, scena di accesso).
                                    Un tema (Caffè Duomo) lo ridefinisce insieme a --celeste */
  --ink-2: #3C4750;              /* testo secondario */
  --ink-3: #5C6B77;              /* etichette e note (5,5:1 su bianco) */
  --ink-4: #7D8D99;              /* SOLO elementi spenti o decorativi, mai testo che conta (3,4:1) */
  --linea: #DCE6ED;              /* bordi */
  --linea-tenue: #EEF4F9;        /* separatori */
  --zebra: #F8FBFD;              /* righe alterne */
  --celeste-scuro: #0B618E;      /* solo accento: link, voce attiva, icone, seconda serie dei grafici */

  /* — Semantici: nel Pubblico solo nei messaggi dei moduli del sito; nei gestionali solo
       nei messaggi di errore, avviso e conferma, sempre con icona + parola — */
  --ok-bg: #E4F1EC;   --ok-fg: #1F6354;     /* fg 7,1:1 su bianco */
  --warn-bg: #FBF1DE; --warn-fg: #8A5D17;   /* fg 5,7:1 su bianco */
  --bad-bg: #F8E7E4;  --bad-fg: #8F2F27;    /* fg 8,1:1 su bianco */
  --bad-bordo: #E7C9C4;
  --warn-bordo: #EED9B0;

  /* Anello di focus: celeste nel Pubblico; dentro .gest diventa --celeste-scuro (gestionale.css). */
  --focus-ring: var(--celeste);
}