/* public/assets/css/token.css | 2026-10-24 | V.1.0 */
/* =============================================================================
   BLOCCO: Token di design (variabili CSS)

   Scopo:       Unica fonte di colori, font, spazi, raggi e misure del sito.
   Vincoli:     Colori dal logo CFP, valori e contrasti in Docs/PALETTE.md.
                Rosso #D40815 mai per testo normale su nero (3,43:1).
   Dipendenze:  base.css, componenti.css, pagine.css usano solo queste variabili.
   NON FARE:    Colori scritti a mano negli altri fogli: aggiungere qui un token.
   ============================================================================= */

@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/montserrat-latin.woff2") format("woff2");
  font-weight: 500 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  /* Marchio (logo) */
  --rosso: #D40815;          /* azioni, accenti; testo solo >= 18px bold o su bianco */
  --rosso-50: #FCF0F1;       /* fondi chiari */
  --rosso-100: #F9DCDE;
  --rosso-600: #B70A15;      /* hover/active dei bottoni */
  --rosso-700: #9A0B15;      /* link nel testo (8,6:1 su bianco) */
  --nero: #121214;           /* testo principale (18,7:1) */
  --bianco: #FFFFFF;

  /* Grigi derivati dal nero del logo */
  --grigio-50: #F8F8F8;
  --grigio-100: #EEEEEF;
  --grigio-200: #DEDEDE;
  --grigio-300: #C1C1C2;
  --grigio-600: #59595A;     /* testo secondario (7:1) */
  --grigio-800: #2A2A2C;

  /* Ruoli */
  --testo: var(--nero);
  --testo-2: var(--grigio-600);
  --fondo: var(--bianco);
  --fondo-alt: var(--grigio-50);
  --bordo: var(--grigio-200);
  --azione: var(--rosso);
  --azione-hover: var(--rosso-600);
  --link: var(--rosso-700);
  --fuoco: 0 0 0 3px rgba(212, 8, 21, 0.35);

  /* Tipografia: Montserrat (locale) per i titoli, font di sistema per il testo */
  --font-titoli: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-testo: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Forme */
  --raggio: 8px;
  --raggio-card: 12px;
  --raggio-pillola: 999px;
  --ombra: 0 4px 16px rgba(18, 18, 20, 0.08);

  /* Layout */
  --larghezza: 1140px;
  --larghezza-testo: 760px;
  --margine: 16px;           /* 24px da 640, 32px da 1024 (base.css) */
  --barra-azione-h: 60px;    /* altezza barra di contatto mobile */
}