/* ============================================================================
   TOKENS — Studio Giorgino, Lecce
   ----------------------------------------------------------------------------
   Modalità `redesign` (voto di design 3): la palette la comanda il marchio.
   Il rosso #9a1b1f e il rosso scuro #7b1619 sono presi dal CSS renderizzato
   del loro sito (wp-content/uploads/the7-css/custom.css) e dal marchio
   circolare del logo; sono lo stesso rosso del loro footer pieno.

   Il resto segue la direzione assegnata `bianco-clinico`: bianco pieno, grigi
   freddi, un solo accento netto — che qui è il rosso del marchio invece del
   verde assegnato, come previsto per il redesign.

   Scala tipografica e interlinee: copiate dal BRIEF, non ricalcolate.
   ========================================================================= */

:root {
  /* ——— COLORE — dal marchio ———————————————————————————————————————————— */
  --fondo: #ffffff;
  --fondo-alt: #f4f5f7;        /* grigio freddo, sezioni alternate */
  --testo: #14161b;            /* inchiostro freddo, >15:1 su bianco */
  --testo-tenue: #5a5f6b;      /* 6,40:1 su bianco · 5,86:1 su --fondo-alt */
  --accento: #9a1b1f;          /* rosso del marchio — 8,23:1 su bianco */
  --accento-scuro: #7b1619;    /* stati premuti, bordi del rosso */
  --su-accento: #ffffff;       /* testo dentro un pulsante rosso — 8,23:1 */
  --bordo: #6b7280;            /* bordo netto da 1px — 4,83:1 su bianco */
  --bordo-tenue: #dcdfe5;      /* filetti di sola separazione, non testo */

  /* Superfici scure: il pannello che spezza il ritmo e il piede pagina. */
  --scuro: #14161b;
  --su-scuro: #f4f5f7;         /* 16,59:1 su --scuro */
  --su-scuro-tenue: #b9bec7;   /* 9,70:1 su --scuro */
  /* L'accento del marchio su fondo scuro fa solo 2,20:1: illeggibile. Sopra
     una superficie scura si usa questa versione schiarita — 7,77:1. */
  --accento-chiaro: #ef8f93;

  /* ——— TIPOGRAFIA — assegnata ————————————————————————————————————————————
     Familjen Grotesk + Figtree. Il <link> dei Google Fonts in testa a
     index.html porta esattamente queste due famiglie: cambiarne uno solo
     lascerebbe la pagina in system-ui. */
  --font-titoli: 'Familjen Grotesk', Georgia, serif;
  --font-testo: 'Figtree', system-ui, 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);

  /* `umanista-morbido`: corpo medio, interlinea larga, titoli senza stretta. */
  --interlinea:        1.78;
  --interlinea-titoli: 1.22;
  --spaziatura-titoli: 0em;

  /* ——— RESPIRO — `compatto` ——————————————————————————————————————————————
     Sezioni ravvicinate, molta informazione per schermata. */
  --spazio-sezione: clamp(2.5rem, 2rem + 3vw, 5rem);
  --spazio-blocco: clamp(1rem, 0.8rem + 1vw, 1.75rem);
  --gronda: clamp(1.25rem, 4vw, 3.5rem);

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

  /* ——— FORMA — `spigolo` —————————————————————————————————————————————————
     Nessun raggio, bordi netti da un pixel, superfici piatte. */
  --raggio: 0;
  --raggio-interattivo: 0;
  --bordo-spessore: 1px;
  --ombra: none;

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