/* ============================================================================
   TOKENS — MU Mercato Urbano (Lecce)
   ----------------------------------------------------------------------------
   Palette dal logo ufficiale (loghi/logo.png): fondo carbone, "MU" bianco,
   "MERCATO URBANO" senape/oro. Editoriale: colonna di lettura larga, forma
   morbida, movimento riservato. Vedi BRIEF.md per gli assi assegnati.
   ========================================================================= */

:root {
  /* ——— COLORE —————————————————————————————————————————————————————————————
     --accento è il senape/oro del logo: usato su fondo scuro (contrasto 7:1)
     e come colore decorativo (bottoni, linee, icone), mai come testo su
     fondo chiaro — lì il contrasto scende a 2,7:1, sotto la soglia AA.
     --accento-testo è la stessa tinta scurita per link/etichette leggibili
     sul fondo carta (contrasto 5,1:1). */
  --fondo: #faf6ee;
  --fondo-alt: #26221f;        /* sezioni scure dell'alternanza */
  --testo: #211d1a;
  --testo-tenue: #6e6255;
  --testo-su-scuro: #f3ece0;
  --testo-tenue-su-scuro: #b8ab98;
  --accento: #d9a441;
  --accento-testo: #8f5f14;
  --su-accento: #26221f;
  --bordo: #e4dac9;

  /* ——— TIPOGRAFIA ————————————————————————————————————————————————————————— */
  --font-titoli: 'Playfair Display', Georgia, serif;
  --font-testo: 'Karla', -apple-system, BlinkMacSystemFont, 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.375rem, 1.2rem + 0.8vw, 2rem);
  --t-h2: clamp(1.875rem, 1.5rem + 1.7vw, 3.25rem);
  --t-h1: clamp(2.75rem, 1.7rem + 4.6vw, 5.75rem);

  --interlinea: 1.65;
  --interlinea-titoli: 1.08;
  --spaziatura-titoli: -0.01em;

  /* ——— RESPIRO — alternato: valore ampio, le sezioni dense usano
     .u-sezione--fitta (vedi BRIEF, asse Respiro). ——————————————————————— */
  --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 — morbida: raggi generosi, superfici piene, nessun bordo. —— */
  --raggio: 1.75rem;
  --raggio-interattivo: 999px;
  --bordo-spessore: 0px;
  --ombra: 0 2rem 4rem -2.25rem rgba(33, 29, 26, 0.45);

  /* ——— MOVIMENTO — riservato: solo reveal d'ingresso e hover. ——————————— */
  --durata: 400ms;
  --durata-breve: 180ms;
  --curva: cubic-bezier(0.16, 1, 0.3, 1);
}