/* brand.css · i ruoli del brand presi dal design system di come sempre (tokens.json).
   Corallo per i blocchi e i bottoni, mai come testo; inchiostro sopra il corallo. */
@font-face{font-family:"Figtree";src:url("assets/fonts/figtree-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Figtree";src:url("assets/fonts/figtree-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Figtree";src:url("assets/fonts/figtree-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Unbounded";src:url("assets/fonts/unbounded-700.woff2") format("woff2");font-weight:700;font-display:swap}
:root{
  --carta:#fff4ec;              /* carta-pagina */
  --inchiostro:#3b3740;         /* inchiostro-700, il testo corrente */
  --azione:#f04e23;             /* primario-base, il corallo */
  --azione-hover:#f2633d;       /* primario-hover */
  --azione-attivo:#f47858;      /* primario-attivo */
  --azione-tenue:#fde0d4;       /* primario-tenue */
  --azione-testo:#18161d;       /* i link restano d'inchiostro: il corallo non e un colore di testo */
  --testo-su-azione:#18161d;    /* su-primario = inchiostro-900, 4,97 sul corallo */
  --struttura:#5f5a66;          /* inchiostro-500 */
  --scura:#18161d;              /* inchiostro-900: titoli e fasce scure */
  --testo-su-scura:#fff4ec;     /* accento-su-scura */
  --fascia-chiara:#f8e7dc;      /* carta-tenue */
  --rilievo:#ffffff;            /* carta-bianco */
  --testo-secondario:#5f5a66;   /* inchiostro-500 */
  --accento-su-scura:#fff4ec;
  --azione-su-scura:#f04e23;
  --testo-su-azione-scura:#18161d;
  --bordo:#e8dcd3;              /* inchiostro-100 */
  --font-titoli:Unbounded, Figtree, sans-serif;
  --font-testo:Figtree, "Helvetica Neue", Arial, sans-serif;
  --peso-titoli:700;
  --cta-maiuscolo:none;
  --raggio:10px;                /* raggio-bottone */
  --raggio-scheda:14px;         /* raggio-grande */
}