:root{
/* ---- Famiglie ------------------------------------------------------- */
--font-sans:"Inter","Helvetica Neue",Arial,sans-serif;
--font-mono:"Syne Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
--font-body:var(--font-sans);
--font-display:var(--font-sans);
--font-label:var(--font-mono);   /* SOLO dati: anno, luogo, linea di servizio, specifiche */

/* ---- Pesi ---------------------------------------------------------- */
--weight-light:300; /* @kind other */
--weight-regular:400; /* @kind other */
--weight-medium:500; /* @kind other */
--weight-semibold:600; /* @kind other */
--weight-bold:700; /* @kind other */

/* ---- Scala (web / documento) --------------------------------------- */
--size-display-xl:clamp(3.5rem,7.5vw,7rem);   /* 56 → 112 */
--size-display-l:clamp(2.75rem,5vw,4.5rem);   /* 44 → 72  */
--size-display-m:3.5rem;   /* 56 */
--size-h1:2.5rem;          /* 40 */
--size-h2:2rem;            /* 32 */
--size-h3:1.5rem;          /* 24 */
--size-h4:1.25rem;         /* 20 */
--size-body-l:1.25rem;     /* 20 — incipit, intro narrativi */
--size-body:1.0625rem;     /* 17 — corpo testo */
--size-body-s:0.9375rem;   /* 15 — note, didascalie */
--size-label:0.8125rem;    /* 13 — etichetta mono */
--size-label-s:0.6875rem;  /* 11 — micro etichetta mono */

/* ---- Interlinee ---------------------------------------------------- */
--leading-display:0.98; /* @kind other */
--leading-tight:1.08; /* @kind other */
--leading-heading:1.18; /* @kind other */
--leading-body:1.62; /* @kind other */
--leading-label:1.2; /* @kind other */

/* ---- Tracking ------------------------------------------------------ */
--tracking-display:-0.03em; /* @kind other */
--tracking-heading:-0.02em; /* @kind other */
--tracking-body:0em; /* @kind other */
--tracking-label:0.1em; /* @kind other */    /* mono maiuscolo */
--tracking-label-wide:0.16em; /* @kind other */
--tracking-upper:-0.025em; /* @kind other */ /* titoli in maiuscolo pieno: le maiuscole hanno
                                                già aria fra loro, il tracking si stringe */

/* ---- Misure di riga ------------------------------------------------ */
--measure-prose:62ch; /* @kind other */
--measure-narrow:46ch; /* @kind other */
--measure-lede:34ch; /* @kind other */
}

/* ---- Classi utility tipografiche ------------------------------------ */
.fa1-display-xl{font:var(--weight-bold) var(--size-display-xl)/var(--leading-display) var(--font-display);letter-spacing:var(--tracking-display)}
.fa1-display-l{font:var(--weight-bold) var(--size-display-l)/var(--leading-display) var(--font-display);letter-spacing:var(--tracking-display)}
.fa1-h1{font:var(--weight-semibold) var(--size-h1)/var(--leading-tight) var(--font-display);letter-spacing:var(--tracking-heading)}
.fa1-h2{font:var(--weight-semibold) var(--size-h2)/var(--leading-heading) var(--font-display);letter-spacing:var(--tracking-heading)}
.fa1-h3{font:var(--weight-medium) var(--size-h3)/var(--leading-heading) var(--font-display);letter-spacing:-0.01em}
.fa1-lede{font:var(--weight-light) var(--size-body-l)/1.5 var(--font-body);color:var(--text-primary)}
.fa1-body{font:var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-body);color:var(--text-secondary)}
.fa1-body-invert{font:var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-body);color:var(--text-on-invert-secondary)}
.fa1-note{font:var(--weight-regular) var(--size-body-s)/1.55 var(--font-body);color:var(--text-secondary-sm)}
.fa1-label{font:var(--weight-regular) var(--size-label)/var(--leading-label) var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary-sm)}
.fa1-label-s{font:var(--weight-regular) var(--size-label-s)/var(--leading-label) var(--font-label);letter-spacing:var(--tracking-label-wide);text-transform:uppercase;color:var(--text-secondary-sm)}
.fa1-data{font:var(--weight-regular) var(--size-body-s)/1.4 var(--font-label);letter-spacing:0.02em;color:var(--text-primary)}

/* ---- Il maiuscolo (Manuale cap. 19, confermato il 2 agosto 2026) ----- */
/* Nei MATERIALI GRAFICI i titoli vanno in maiuscolo pieno: deck, copertine, portfolio,
   brand book, titoli di sezione dei documenti editoriali. Esempi: INDICE, IMMERSIVE.
   Restano in frase capitalizzata i testi correnti, i sottotitoli e le didascalie —
   e i titoli dell'INTERFACCIA, dove il maiuscolo pieno riduce la leggibilità e non
   c'è nessuna pagina da firmare.
   Questa regola prevale su qualsiasi indicazione contraria di versioni precedenti
   di questo design system, che vietavano il maiuscolo nei titoli. */
.fa1-title-upper{font-family:var(--font-display);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-upper);line-height:var(--leading-display);color:var(--text-primary)}
.fa1-display-upper{font:var(--weight-bold) var(--size-display-l)/var(--leading-display) var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-upper);color:var(--text-primary)}

/* Il dispositivo di evidenziazione — elemento firma dell'identità (Manuale cap. 20).
   Il componente è components/core/Evidenza.jsx; questa è la versione in CSS puro,
   per le slide, i template e l'HTML statico. Il corpo segue il testo circostante:
   il blocco si dimensiona da solo, non ha una misura propria. */
.fa1-evidenza{font-family:var(--font-mono);font-size:0.94em;text-transform:lowercase;background:var(--evidenza-bg);color:var(--evidenza-fg);padding:0.10em 0.26em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Il triangolo ▲ U+25B2 si compone SEMPRE in Inter, anche dentro una riga in mono:
   Syne Mono ha 608 glifi e non contiene quel carattere (Manuale cap. 17, v1.6, 13 agosto 2026). */
.fa1-triangolo{font-family:var(--font-sans);font-style:normal;line-height:1}