/* ============================================================================
   TOKENS — Studio Analisi Cliniche De Vitis
   ----------------------------------------------------------------------------
   Palette derivata dalle foto reali della sede (pareti blu-grigio tenue,
   pavimento chiaro, arredo in legno) e dal banner testuale del sito attuale
   (vedi identita.json) — stesso blu, qui reso accessibile su bianco.
   Verde tenue come accento secondario per lo stato "aperto ora" e gli
   elementi di accessibilità, come indicato dalla direzione di palette del
   BRIEF (azzurri e verdi tenui).
   ========================================================================= */

:root {
  /* ——— COLORE ————————————————————————————————————————————————————————————— */
  --fondo: #fbfaf7;            /* bianco caldo, non clinico */
  --fondo-alt: #e9eff4;        /* lavaggio blu tenue, eco delle pareti reali */
  --testo: #16202b;
  --testo-tenue: #57677a;
  --accento: #2c5c82;          /* blu della sede, contrasto 7:1 su bianco */
  --accento-scuro: #1d435f;    /* hover/active */
  --accento-morbido: #dce7ee;
  --su-accento: #ffffff;
  --verde: #4c7a5e;            /* secondario: aperto ora, accessibilità */
  --verde-morbido: #e1ebe3;
  --bordo: #dfe5ea;            /* quasi mai usato: la forma è morbida, senza bordi */

  /* ——— TIPOGRAFIA ————————————————————————————————————————————————————————— */
  --font-titoli: 'Familjen Grotesk', system-ui, -apple-system, sans-serif;
  --font-testo: 'Figtree', 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.0625rem, 1rem + 0.3vw, 1.25rem);
  --t-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --t-h2: clamp(1.75rem, 1.45rem + 1.3vw, 2.5rem);
  --t-h1: clamp(2.25rem, 1.5rem + 3.2vw, 4.25rem);

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

  /* ——— RESPIRO — compatto: sezioni ravvicinate, alta densità ———————————————— */
  --spazio-sezione: clamp(2.5rem, 2rem + 3vw, 5rem);
  --spazio-blocco: clamp(1.25rem, 1rem + 1.5vw, 2.25rem);
  --gronda: clamp(1.25rem, 4vw, 3rem);

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

  /* ——— FORMA — morbida: raggi generosi, superfici piene, niente bordi ————— */
  --raggio: 1.5rem;
  --raggio-interattivo: 999px;
  --bordo-spessore: 0px;
  --ombra: 0 20px 45px -28px rgba(15, 30, 45, 0.35);

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