/* ============================================================================
   TOKENS — Il Quinto, pizze e delizie (Lecce)
   ----------------------------------------------------------------------------
   Palette e scala tipografica: valori assegnati nel BRIEF, copiati come sono.
   Modalità `libero` (voto 2: la scheda TripAdvisor non è un progetto del
   titolare), nessun logo reperito → nessun accento dal marchio.
   ========================================================================= */

:root {
  /* ——— COLORE — giallo-segnale, assegnato ————————————————————————————————— */
  --fondo: #ffffff;
  --fondo-alt: #ffd60a;
  --testo: #131313;
  --accento: #131313;
  --su-accento: #ffd60a;

  /* Derivati da quelli sopra, sopra 4.5:1 su ENTRAMBI i fondi del sistema:
     #545454 rende 7,6:1 sul bianco e 5,4:1 sul giallo. Un grigio più chiaro
     avrebbe retto sul bianco e sarebbe caduto sulla fascia gialla. */
  --testo-tenue: #545454;
  --bordo: #767676;          /* 4,5:1 sul bianco */

  /* La riga di forza del sistema: nero pieno, 2px. Il giallo è superficie,
     il nero è struttura. */
  --bordo-forte: var(--testo);

  /* ——— TIPOGRAFIA — Poppins + Nunito Sans, editoriale-generoso ——————————— */
  --font-titoli: 'Poppins', system-ui, sans-serif;
  --font-testo: 'Nunito Sans', system-ui, sans-serif;

  --t-corpo: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --t-piccolo: clamp(0.875rem, 0.84rem + 0.18vw, 1rem);
  --t-h4: clamp(1.1875rem, 1.1rem + 0.4vw, 1.4375rem);
  --t-h3: clamp(1.5rem, 1.3rem + 1vw, 2.25rem);
  --t-h2: clamp(2rem, 1.6rem + 2vw, 3.5rem);
  --t-h1: clamp(2.75rem, 1.8rem + 4.4vw, 6rem);

  --interlinea: 1.72;
  --interlinea-titoli: 1.05;
  --spaziatura-titoli: -0.015em;

  /* ——— RESPIRO — ampio ———————————————————————————————————————————————————— */
  --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: 36rem;

  /* ——— FORMA — mista ——————————————————————————————————————————————————————
     Contenitori squadrati, elementi interattivi a pillola: il contrasto fra
     i due è il segno di questa pagina. */
  --raggio: 0;
  --raggio-interattivo: 999px;
  --bordo-spessore: 2px;
  --ombra: none;

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