/* ═══════════════════════════════════════════════════════════
   LievoEngine — utilities.css
   Versione: 05-09-2026

   Utility di testo. Dipende da tokens.css: caricare tokens.css PRIMA.

   REGOLA UNICA: una classe per ogni token, con lo stesso nome del token.
   Niente scelte arbitrarie, niente scorciatoie inventate. Chi conosce i
   token conosce le classi.

   QUANDO SI AGGIUNGE UNA CLASSE QUI
   Solo se valgono entrambe:
     1. corrisponde a un token esistente in tokens.css
     2. nessun componente fa gia' quel lavoro
   Se manca il token, si aggiunge prima il token. Se il componente esiste,
   si usa il componente.

   COSA NON ENTRA MAI
   Spaziature (.lv-mt-3), colori fuori dai token (.lv-text-red), display,
   flex, bordi, ombre. Per quelli ci sono i layout primitives di core.css
   e i componenti. Questo file non deve crescere oltre i token.

   Nato il 05-09-2026: 215 usi di classi come .lv-text-muted e .lv-text-small
   sparsi in porta., SSO e posta., che nessun CSS definiva. Non erano un
   errore: l'engine aveva i valori (token) ma non il modo di usarli dal
   markup. Questo file e' quel ponte.
   ═══════════════════════════════════════════════════════════ */


/* ─── Dimensione ─────────────────────────────────────────────
   Un token --lv-fs-*, una classe con lo stesso suffisso. */

.lv-text-xs   { font-size: var(--lv-fs-xs); }
.lv-text-sm   { font-size: var(--lv-fs-sm); }
.lv-text-base { font-size: var(--lv-fs-base); }
.lv-text-md   { font-size: var(--lv-fs-md); }
.lv-text-lg   { font-size: var(--lv-fs-lg); }
.lv-text-xl   { font-size: var(--lv-fs-xl); }
.lv-text-2xl  { font-size: var(--lv-fs-2xl); }
.lv-text-3xl  { font-size: var(--lv-fs-3xl); }


/* ─── Colore ─────────────────────────────────────────────────
   Un token --lv-c-fg-*, una classe con lo stesso suffisso.
   Seguono il tema chiaro/scuro perche' i token lo fanno gia'. */

.lv-text-strong { color: var(--lv-c-fg-strong); }
.lv-text-muted  { color: var(--lv-c-fg-muted); }
.lv-text-faint  { color: var(--lv-c-fg-faint); }
.lv-text-ghost  { color: var(--lv-c-fg-ghost); }


/* ─── Famiglia ───────────────────────────────────────────────
   Un token --lv-ff-*, una classe con lo stesso suffisso. */

.lv-text-sans    { font-family: var(--lv-ff-sans); }
.lv-text-display { font-family: var(--lv-ff-display); }
.lv-text-mono    { font-family: var(--lv-ff-mono); }