/* ============================================================================
   TOKENS — Le Mucche Volanti (caseificio + gelateria artigianale, Lecce)
   ----------------------------------------------------------------------------
   Nessun logo trovato (vedi identita.json e DA-CONFERMARE.md): la palette
   viene dal prodotto — latte, panna, cioccolato al latte, pistacchio del
   gelato — non dal cliché rosso-verde-bianco da ristorazione italiana.
   ========================================================================= */

:root {
  /* ——— COLORE —————————————————————————————————————————————————————————————
     Contrasto verificato: testo/fondo 14.4:1, accento/fondo 5.4:1,
     testo-tenue/fondo 6:1 — tutti oltre la soglia AA 4.5:1. */
  --fondo: #fbf3e7;            /* panna/latte */
  --fondo-alt: #f3e4ce;        /* crema più profonda, sezioni pari */
  --fondo-scura: #2a2018;      /* cioccolato fondente — una sola sezione, per profondità */
  --testo: #2a2018;
  --testo-tenue: #6b5a48;
  --accento: #4b6b4e;          /* pistacchio scuro — il colore del gelato, non del pomodoro */
  --su-accento: #fbf3e7;
  --bordo: #e4d5be;

  /* ——— TIPOGRAFIA ————————————————————————————————————————————————————————
     Fraunces (titoli, caldo/organico) + Work Sans (testo). Riga Google Fonts
     assegnata già in index.html. */
  --font-titoli: 'Fraunces', ui-serif, georgia, serif;
  --font-testo: 'Work Sans', system-ui, -apple-system, sans-serif;

  --t-corpo: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --t-piccolo: clamp(0.8125rem, 0.79rem + 0.12vw, 0.9375rem);
  --t-h4: clamp(1.125rem, 1.05rem + 0.35vw, 1.375rem);
  --t-h3: clamp(1.5rem, 1.3rem + 0.9vw, 2.25rem);
  --t-h2: clamp(2rem, 1.6rem + 1.9vw, 3.25rem);
  --t-h1: clamp(2.75rem, 1.7rem + 4.6vw, 6rem);

  --interlinea: 1.6;
  --interlinea-titoli: 1.05;
  --spaziatura-titoli: -0.01em;

  /* ——— RESPIRO: ampio —————————————————————————————————————————————————————
     Sezioni molto distanziate, una cosa alla volta. */
  --spazio-sezione: clamp(5rem, 4rem + 7vw, 12rem);
  --spazio-blocco: clamp(1.5rem, 1rem + 2vw, 3rem);
  --gronda: clamp(1.25rem, 4vw, 4rem);

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

  /* ——— FORMA: mista ———————————————————————————————————————————————————————
     Contenitori squadrati (raggio 0), interattivi a pillola (999px). */
  --raggio: 0;
  --raggio-interattivo: 999px;
  --bordo-spessore: 1px;
  --ombra: 0 1.5rem 3rem -2rem rgb(42 32 24 / 0.25);

  /* ——— MOVIMENTO: riservato ———————————————————————————————————————————————
     Solo reveal + hover: nessuna variabile aggiuntiva serve oltre queste. */
  --durata: 400ms;
  --durata-breve: 180ms;
  --curva: cubic-bezier(0.16, 1, 0.3, 1);
}