/* Direzione 1, "Protocollo": i token.
   Tutti i colori, le misure e le durate della pagina vivono qui.
   Il nucleo usa i nomi del vocabolario comune; ciò che è solo di questa firma
   porta il prefisso --x- e non è portabile in un remix. */

:root {
  /* colore: armonia analoga sul blu del logo, il tricolore come unico contrappunto */
  --fondo: #F7F9FC;
  --fondo-2: #EAF2FB;
  --fondo-3: #0D4D8D;
  --inchiostro: #1E2628;
  --inchiostro-tenue: #56666A;
  --accento: #1565B8;
  --accento-2: #0D4D8D;
  --filo: #D6E2F0;
  --filo-forte: #8FA6C2;

  /* firma: verde e rosso vivono SOLO nel filetto tricolore sotto l'intestazione */
  --x-verde: #098D37;
  --x-rosso: #C11428;
  /* il bianco pieno è implicito nella palette: testo dei pulsanti e del piè di pagina,
     piastra del logo (JPG su bianco), parte centrale del tricolore */
  --x-bianco: #FFFFFF;
  /* blu profondo delle ombre del duotono, mescolato dal blu del logo e dall'antracite */
  --x-duo-ombra: color-mix(in srgb, var(--fondo-3) 72%, var(--inchiostro));
  --x-bianco-velato: color-mix(in srgb, var(--x-bianco) 78%, transparent);
  --x-bianco-filo: color-mix(in srgb, var(--x-bianco) 28%, transparent);
  --x-accento-tenue: color-mix(in srgb, var(--accento) 10%, var(--x-bianco));
  --x-fuoco: color-mix(in srgb, var(--accento) 55%, transparent);

  /* tipografia: serif editoriale con asse ottico, sans per il corrente */
  --font-titolo: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-testo: "Public Sans", system-ui, sans-serif;
  --font-etichetta: "Public Sans", system-ui, sans-serif;
  --fs-1: clamp(2.6rem, 1.7rem + 3.6vw, 5rem);
  --fs-2: clamp(2rem, 1.45rem + 2.2vw, 3.4rem);
  --fs-3: clamp(1.35rem, 1.15rem + 0.8vw, 1.85rem);
  --fs-4: clamp(1.15rem, 1.05rem + 0.4vw, 1.4rem);
  --fs-5: 1.0625rem;
  --fs-6: 0.9375rem;
  --fs-7: 0.8125rem;
  --fs-8: 0.72rem;
  --lh-stretta: 1.04;
  --lh-normale: 1.6;
  --tracking-etichetta: 0.14em;
  --x-tracking-fascia: 0.02em;
  --misura: 36rem;

  --x-fs-cifra: clamp(3.4rem, 2.2rem + 4.6vw, 6rem);
  --x-opsz-titolo: 72;
  --x-opsz-medio: 36;
  --x-opsz-testo: 12;
  --x-wght-titolo: 340;
  --x-wght-medio: 420;
  --x-wght-testo: 400;
  --x-wght-etichetta: 600;
  --x-wght-corrente: 400;
  --x-tracking-titolo: -0.018em;
  --x-riga-respiro: 0.08em;       /* spazio sotto ogni riga del titolo, per le discendenti */

  /* spazio */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2.5rem;
  --sp-5: 4rem;
  --sp-6: clamp(4.5rem, 3rem + 5vw, 8.5rem);
  --pad-x: clamp(1rem, 0.4rem + 3vw, 3.5rem);
  --max-w: 80rem;

  --x-alt-testata: 3.75rem;
  --x-alt-logo: 2rem;
  --x-alt-logo-grande: 2.5rem;
  --x-tricolore: 3px;
  --x-tocco: 3.25rem;
  --x-tocco-testata: 2.75rem;
  --x-icona: 2.75rem;
  --x-colonne: minmax(0, 5fr) minmax(0, 7fr);
  --x-colonne-inverse: minmax(0, 7fr) minmax(0, 5fr);
  --x-proporzione-s: 5 / 4;
  --x-proporzione-verticale: 4 / 5;
  --x-alt-pannello: min(76vh, 44rem);
  --x-alt-pannello-alto: min(84vh, 50rem);
  --x-pannello-modulo: 34rem;
  --x-avanzamento-alt: 3px;
  --x-num-colonna: 3.25rem;

  /* forma: quasi squadrata, istituzionale */
  --raggio: 3px;
  --raggio-s: 2px;
  --filetto-sp: 1px;

  /* ombra: solo blu del logo in trasparenza */
  --ombra: 0 1.75rem 3.5rem -2rem color-mix(in srgb, var(--fondo-3) 42%, transparent);
  --ombra-corta: 0 0.35rem 1rem -0.4rem color-mix(in srgb, var(--fondo-3) 35%, transparent);

  /* movimento */
  --dur-1: 180ms;
  --dur-2: 520ms;
  --dur-3: 950ms;
  --curva-uscita: cubic-bezier(0.16, 1, 0.3, 1);
  --curva-entrata: cubic-bezier(0.7, 0, 0.84, 0);
  --scaletta: 110ms;
  --x-scala-apertura: 1.07;
  --x-parallasse: 0.07;          /* quanto le fotografie restano indietro rispetto al testo */
  --x-parallasse-margine: 9%;    /* margine di immagine sopra e sotto il quadro */
  --x-dur-avviso: 4200ms;

  /* cromo di bozza */
  --altezza-fascia: 1.75rem;

  /* fotografia: a colore originale, senza duotono né velo (decisione di Pasquale del
     2026-09-27): le foto di lavoro e di case si mostrano come sono */
  --foto-filtro: none;
  --foto-velo: transparent;
}