/* ============================================================================
   TOKENS — CLORO cocktail bar and pizza (Lecce)
   ----------------------------------------------------------------------------
   Nessun logo reperito (vedi identita.json): la palette viene dalla foto reale
   del dehors serale (palme, luci a filo calde, palco con luci rosse) e dal
   nome del locale — non da un depliant di piscina comunale, da una notte
   vera. Vedi DA-CONFERMARE.md.
   ========================================================================= */

:root {
  /* ——— COLORE ————————————————————————————————————————————————————————————
     Notte fonda (petrolio quasi nero) come fondo costante: un locale a bordo
     piscina aperto solo di sera non si racconta su bianco. Ambra calda per le
     lucine a filo — l'unico colore che chi ci è stato si ricorda — e corallo
     acceso per i momenti di musica dal vivo. Contrasto AA verificato sotto. */
  --fondo: #0a1614;
  --fondo-alt: #12231f;        /* pannelli, blocchi diagonali sovrapposti */
  --fondo-cruda: #f4ede0;      /* superficie chiara: sezione menu/FAQ, per un vero stacco */
  --testo: #f2ede4;
  --testo-su-cruda: #221b12;
  --testo-tenue: #aab5ae;      /* su fondo scuro */
  --testo-tenue-su-cruda: #6b6255;
  --accento: #e8a33d;          /* ambra — CTA, link, il colore che si ricorda */
  --su-accento: #1c1206;       /* testo sopra --accento */
  --accento-2: #e2543f;        /* corallo — serate, musica dal vivo, tag evento */
  --bordo: rgba(242, 237, 228, 0.14);
  --bagliore: 0 0 0 1px rgba(232, 163, 61, 0.35), 0 18px 40px -14px rgba(232, 163, 61, 0.35);

  /* ——— TIPOGRAFIA ———————————————————————————————————————————————————————— */
  --font-titoli: 'Chivo', system-ui, sans-serif;
  --font-testo: 'Source Sans 3', system-ui, 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, 3rem);
  --t-h1: clamp(2.75rem, 1.6rem + 5.5vw, 6.5rem);

  --interlinea: 1.6;
  --interlinea-titoli: 1.04;
  --spaziatura-titoli: -0.02em;

  /* ——— RESPIRO ————————————————————————————————————————————————————————————
     Alternato: valore ampio di base, .u-sezione--fitta (già nel pavimento)
     per le sezioni dense che si alternano a quelle quasi vuote. */
  --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 — la separazione
     la fa il colore e il respiro, non una linea. */
  --raggio: 1.75rem;
  --raggio-interattivo: 999px;
  --bordo-spessore: 0px;
  --ombra: 0 30px 70px -30px rgba(0, 0, 0, 0.55);

  /* ——— MOVIMENTO ——————————————————————————————————————————————————————————
     Riservato: solo reveal all'ingresso e hover curati, tempi misurati. */
  --durata: 420ms;
  --durata-breve: 180ms;
  --curva: cubic-bezier(0.16, 1, 0.3, 1);
}