/* ============================================================================
   TOKENS — Toro Nero, braceria e pizzeria · Via Federico d'Aragona 17, Lecce
   ----------------------------------------------------------------------------
   Palette rosso-mattone: i cinque valori assegnati nel BRIEF sono copiati
   così come sono. Il locale li conferma dal vero — tovaglie rosse, pareti
   ocra, pietra leccese a vista — ma non è il locale a dettarli: sono i valori
   della direzione assegnata, e restano quelli.
   ========================================================================= */

:root {
  /* ——— COLORE ————————————————————————————————————————————————————————————— */
  --fondo: #f5f4f4;
  --fondo-alt: #e6e2e2;
  --testo: #1e1a18;
  --accento: #b03a0b;
  --su-accento: #fffaf6;

  /* Derivati. --testo-tenue è verificato su ENTRAMBI i fondi chiari:
     7,2:1 su --fondo, 6,1:1 su --fondo-alt. */
  --testo-tenue: #57504d;
  --bordo: #d8d2d0;

  /* La sezione scura dell'alternanza usa --testo come superficie (15,6:1 col
     fondo chiaro sopra). Il mattone pieno lì scenderebbe a 2,8:1, quindi per
     i link su scuro c'è la sua schiaritura: 5,8:1. */
  --fondo-scuro: #1e1a18;
  --accento-su-scuro: #e8763f;

  /* ——— TIPOGRAFIA ———————————————————————————————————————————————————————— */
  --font-titoli: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-testo: 'Karla', -apple-system, BlinkMacSystemFont, 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) ————————————————————————————————————————————————
     Le sezioni dense usano .u-sezione--fitta, quelle quasi vuote il valore
     pieno più .s-respiro. */
  --spazio-sezione: clamp(5rem, 4rem + 7vw, 12rem);
  --spazio-blocco: clamp(1.25rem, 1rem + 1.4vw, 2rem);
  --gronda: clamp(1.25rem, 4vw, 4rem);

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

  /* ——— FORMA (morbida) ————————————————————————————————————————————————————
     Nessun bordo: la separazione la fa il colore. */
  --raggio: 1.5rem;
  --raggio-piccolo: 0.75rem;
  --raggio-interattivo: 999px;
  --bordo-spessore: 0;
  --ombra: none;

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