/* ============================================================================
   TOKENS — Pasticceria Ideal Bar (Lequile)
   ----------------------------------------------------------------------------
   Palette dalla pietra leccese della Guglia di San Vito (la piazza dove si
   affaccia il bar) e dai toni da bancone: crema della pietra al sole,
   espresso, caramello del pasticciotto, verde pistacchio del gelato. Logo non
   reperito online (vedi DA-CONFERMARE.md) — direzione dedotta, non dal logo.
   ========================================================================= */

:root {
  /* ——— COLORE ————————————————————————————————————————————————————————————— */
  --fondo: #faf3e6;            /* crema pietra leccese */
  --fondo-alt: #efe0c6;        /* sezioni alternate, più calda/densa */
  --fondo-scuro: #2a1c11;      /* sera in piazza — footer e sezioni piene */
  --testo: #271a10;            /* espresso quasi nero */
  --testo-tenue: #5a4838;      /* didascalie, metadati — mai testo corrente */
  --testo-su-scuro: #f3e6d2;
  --testo-tenue-su-scuro: #c9b79c;
  --accento: #a6541a;          /* caramello del pasticciotto */
  --accento-scuro: #7c3f12;    /* hover/active */
  --su-accento: #fff8ee;       /* testo sopra --accento */
  --pistacchio: #5c6e42;       /* dettaglio gelato, con parsimonia */
  --bordo: #e2d2b3;

  /* ——— TIPOGRAFIA ————————————————————————————————————————————————————————— */
  --font-titoli: 'Instrument Serif', Georgia, serif;
  --font-testo: 'Hanken Grotesk', 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.02rem + 0.45vw, 1.5rem);
  --t-h3: clamp(1.5rem, 1.25rem + 1.1vw, 2.25rem);
  --t-h2: clamp(2.25rem, 1.6rem + 3vw, 4.25rem);
  --t-h1: clamp(3rem, 1.4rem + 7vw, 7.5rem);

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

  /* ——— RESPIRO — alternato: sezioni ampie e sezioni quasi vuote —————————————
     Il valore ampio è la base; le sezioni dense usano .u-sezione--fitta. */
  --spazio-sezione: clamp(5rem, 3.5rem + 7vw, 11rem);
  --spazio-blocco: clamp(1.5rem, 1rem + 2vw, 3rem);
  --gronda: clamp(1.25rem, 4vw, 4rem);

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

  /* ——— FORMA — morbida: raggi generosi, niente bordi, superfici piene ————— */
  --raggio: 2rem;
  --raggio-interattivo: 999px;
  --bordo-spessore: 0px;
  --ombra: 0 2.5rem 5rem -2.5rem rgba(39, 26, 16, 0.35);

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