/* ============================================================================
   TOKENS — Road 66, Lecce
   ----------------------------------------------------------------------------
   Modalità redesign: la palette viene dal marchio, non dalla direzione.
   I tre colori sono MISURATI, non scelti:
     · fondo e testo dai colori renderizzati del loro sito
       (riferimento/loro-comportamento.json: testo rgb(252,243,220) su fondo
       quasi nero)
     · il rosso dai pulsanti renderizzati, rgb(220,69,35), che è anche il rosso
       dello scudo del marchio sulla maglia dello staff
   Il rosso è stato scurito da #dc4523 a #c93a1c solo per far passare il
   bianco sopra i pulsanti a 5,1:1 invece di 4,3:1. È l'unico ritocco.

   La scala tipografica e l'interlinea sono quelle assegnate nel BRIEF,
   copiate senza modifiche.
   ========================================================================= */

:root {
  /* ——— COLORE ————————————————————————————————————————————————————————————
     Contrasti verificati:
       crema #fcf3dc su scuro #16161a ............... 15,6:1
       scuro #16161a su crema #fcf3dc ............... 15,6:1
       tenue #a8a396 su scuro ........................ 6,8:1
       tenue #5c564a su crema ........................ 6,5:1
       rosso #c93a1c su scuro ........................ 3,3:1  (solo cifre e titoli grandi)
       rosso #c93a1c su crema ........................ 4,7:1
       bianco su rosso #c93a1c ....................... 5,1:1  (pulsanti) */
  --fondo: #16161a;
  --fondo-alt: #202027;        /* superficie dentro le sezioni scure */
  --testo: #fcf3dc;
  --testo-tenue: #a8a396;
  --accento: #c93a1c;
  --su-accento: #ffffff;
  --bordo: #2c2c33;

  /* ——— TIPOGRAFIA ———————————————————————————————————————————————————————— */
  --font-titoli: 'Instrument Serif', Georgia, serif;
  --font-testo: 'Hanken Grotesk', system-ui, sans-serif;

  --t-corpo: clamp(1rem, 0.96rem + 0.28vw, 1.1875rem);
  --t-piccolo: clamp(0.875rem, 0.85rem + 0.12vw, 0.9375rem);
  --t-h4: clamp(1.125rem, 1.07rem + 0.28vw, 1.3125rem);
  --t-h3: clamp(1.375rem, 1.25rem + 0.65vw, 1.875rem);
  --t-h2: clamp(1.75rem, 1.5rem + 1.3vw, 2.75rem);
  --t-h1: clamp(2.25rem, 1.65rem + 3vw, 4.25rem);

  --interlinea: 1.78;
  --interlinea-titoli: 1.22;
  --spaziatura-titoli: 0em;

  /* ——— RESPIRO — alternato ————————————————————————————————————————————————
     Valore ampio come base; le sezioni dense usano .u-sezione--fitta. */
  --spazio-sezione: clamp(5rem, 4rem + 7vw, 12rem);
  --spazio-blocco: clamp(1.5rem, 1rem + 2vw, 3rem);
  --gronda: clamp(1.25rem, 4vw, 4rem);

  --larghezza-max: 78rem;
  --larghezza-lettura: 38rem;

  /* ——— FORMA — morbida ————————————————————————————————————————————————————
     Raggi generosi, superfici piene, nessun bordo: separa il colore. */
  --raggio: 1.75rem;
  --raggio-interattivo: 999px;
  --bordo-spessore: 0;
  --ombra: none;

  /* ——— MOVIMENTO ————————————————————————————————————————————————————————— */
  --durata: 400ms;
  --durata-breve: 180ms;
  --curva: cubic-bezier(0.16, 1, 0.3, 1);
}