/* =========================================================================
   COPPA DEGLI ASSI — DESIGN TOKEN
   Unico punto di verità per colori e tipografia del sito.
   -------------------------------------------------------------------------
   BLOCCATI  = derivati dallo stemma / heritage. Non si toccano.
   PROVVISORI = in attesa di scelta della proprietà. Cambiare QUI, una volta sola.
   ========================================================================= */

:root {

  /* =========================================================================
     PALETTE DEFINITIVA (24/07/2026) — 5 colori core dal documento cliente.
     Direzione: "molto aria e modernità" → paper luminoso, tinte pulite, poco peso.
     ========================================================================= */

  /* ---------- CORE (dal documento palette) ---------- */
  --ca-antracite:      #22201F;  /* dark neutro: testo, superfici scure moderne */
  --ca-amaranto:       #7A2531;  /* brand: titoli, CTA, badge live */
  --ca-oro:            #C39A4E;  /* accenti heritage */
  --ca-sabbia:         #E7D6B0;  /* neutro caldo: pannelli / accenti tenui */
  --ca-paper:          #FAF6EF;  /* sfondo pagina — Paper luminoso */

  /* ---------- DERIVATI FUNZIONALI (hover / fondali / hairline) ---------- */
  --ca-amaranto-dark:  #4A151D;  /* hover CTA, dettagli */
  --ca-amaranto-ink:   #2A0F14;  /* fondali brand molto scuri (hero) */
  /* Rame caldo: nasce per la topbar, che schiarisce dall'amaranto verso destra invece di
     restare una fascia quasi nera. NON e' un sesto colore di palette e non va usato come tinta
     a se': e' l'estremo caldo dell'amaranto, e serve solo dove una superficie brand deve
     illuminarsi. Fermato qui e non piu' chiaro: il testo crema sopra tiene 6,4:1, mentre un
     rame piu' acceso scendeva a 4,5, sul filo della soglia AA. */
  --ca-rame:           #963F30;
  --ca-oro-light:      #E0C688;  /* SOLO decorativo: come testo su crema vale 1,55:1 */
  /* Oro DA TESTO. Era #A67F38, che su crema si fermava a 3,41:1 contro i 4,5 richiesti dalle
     WCAG AA: bocciato in tutti e nove i punti in cui l'oro fa da testo — etichette del footer
     (28 volte), montepremi del programma (42 righe), occhielli delle card, intestazioni delle
     tabelle di contatti e orari. Tutti su fondo chiaro, nessuno su fondo scuro, quindi scurirlo
     non toglie leggibilita' da nessun'altra parte.
     #85652C e' il primo valore della stessa tinta che passa su TUTTI e tre i fondi chiari del
     sito: 5,00 su crema, 5,39 su bianco, 4,54 sul crema scuro delle fasce alternate. I valori
     intermedi passavano su bianco ma non sul crema scuro, lasciando zone ancora bocciate.
     L'oro decorativo (--ca-oro, --ca-oro-light) NON e' toccato: filetti, bordi e sfondi non
     hanno soglia di contrasto e l'identita' visiva resta quella. */
  --ca-oro-deep:       #85652C;
  --ca-paper-2:        #F1EBDF;  /* sezioni alternate (molto tenue, per l'aria) */
  --ca-ink:            var(--ca-antracite);  /* testo corpo = Antracite */
  --ca-muted:          #6E6068;  /* testo secondario */
  --ca-line:           #E6DDCE;  /* bordi/divisori — hairline chiara */
  --ca-line-strong:    #A08A66;  /* bordo dei COMANDI (chip, paginazione, bottoni icona):
                                    la hairline chiara ha contrasto 1,35 su bianco e li faceva
                                    sembrare etichette. Questo sta a 3,3 (soglia UI: 3). */
  --ca-radius-btn:     8px;      /* UNICA forma dei comandi: bottoni, chip, paginazione, icone.
                                    Le card restano piu' morbide (14-16px): i comandi no. */

  /* ---------- COLORE AZIONE (CTA) = AMARANTO (scelto 24/07/2026) ----------
     Il "terzo colore" provvisorio (Blu Notte) è ELIMINATO: la palette definitiva
     non ha blu. I CTA usano l'Amaranto del brand. */
  --ca-azione:         var(--ca-amaranto);       /* CTA */
  --ca-azione-dark:    var(--ca-amaranto-dark);  /* hover CTA */
  --ca-azione-soft:    #F3E7E8;                  /* tinta chiara azione (fondi tenui) */

  /* ---------- REGOLA LIVE ----------
     Badge diretta/live = AMARANTO (come i CTA): la differenza è di FORMA/contesto
     (pill con puntino vs bottone), non di colore. */
  --ca-live:           var(--ca-amaranto);

  /* ---------- RUOLI SEMANTICI (usare QUESTI nei componenti) ---------- */
  --ca-cta-bg:         var(--ca-azione);
  --ca-cta-bg-hover:   var(--ca-azione-dark);
  --ca-cta-text:       #FFFFFF;
  --ca-bg:             var(--ca-paper);
  --ca-bg-alt:         var(--ca-paper-2);
  --ca-text:           var(--ca-ink);
  --ca-heading:        var(--ca-amaranto);
  --ca-border:         var(--ca-line);
  --ca-shadow:         0 18px 50px -30px rgba(34,32,31,.28);  /* più tenue = più aria */

  /* ---------- TIPOGRAFIA — IvyOra Display (Adobe Fonts) + Inter ----------
     Direzione scelta dalla proprietà: titoli/accenti in IvyOra Display, corpo e micro-UI in Inter.
     IvyOra Display (Adobe Fonts / Typekit, kit omb6qqz) = SERIF DISPLAY, pesi 100–500 (NIENTE 600/700):
       usare SOLO su titoli, hero, grandi numeri e accento corsivo, a pesi ≤ 500.
     Inter = corpo del testo E micro-UI (bottoni, eyebrow, chip, pill, intestazioni tabella, meta):
       IvyOra Display a misure piccole è fragile e non ha i pesi 600/700 che la UI richiede.
     Per cambiare pairing: aggiornare QUI + l'embed in functions.php + i preset in theme.json.
     NB: IvyOra è servito dai CDN di Adobe (embed Typekit), NON self-hostabile (licenza Creative Cloud). */
  --ca-font-head:   'ivyora-display', Georgia, serif;    /* titoli / display — pesi ≤ 500 */
  --ca-font-body:   'Inter', system-ui, sans-serif;      /* corpo del testo */
  --ca-font-ui:     'Inter', system-ui, sans-serif;      /* micro-UI: bottoni, etichette, chip, tabelle */
  --ca-font-accent: 'ivyora-display', Georgia, serif;    /* accento editoriale (IvyOra corsivo) */

  /* ---------- SPAZI / RAGGI (scala base) ---------- */
  --ca-radius:      12px;
  --ca-radius-lg:   18px;
}

/* =========================================================================
   Applicazione minima dei token (il resto lo gestisce Kadence via theme.json).
   Qui solo ciò che serve perché i token "prendano" da subito.
   ========================================================================= */

body {
  background: var(--ca-bg);
  color: var(--ca-text);
  font-family: var(--ca-font-body);
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: var(--ca-font-head);
  color: var(--ca-heading);
  font-weight: 200;      /* richiesto 200: il kit ivyora-display non ha il 200 → il browser rende il 100 (Thin) */
  letter-spacing: 0;     /* letter-spacing azzerato sui titoli (richiesta) */
  line-height: 1.12;
}

/* Classe di utilità per l'accento editoriale (IvyOra Display corsivo) */
.ca-accent {
  font-family: var(--ca-font-accent);
  font-style: italic;
  font-weight: 400;
  color: var(--ca-oro-deep);
}