/* ============================================================
   LEGIUM — Design tokens
   Unico punto di verità del sistema visivo (base per W3).
   Colori, tipografia, spaziature, raggi. Niente altro qui.
   ============================================================ */

:root {
  /* Colori — palette ratificata */
  --colore-fondo: #08080A;        /* nero di fondo */
  --colore-pannello: #0F0F13;     /* pannello primario */
  --colore-pannello-2: #14141A;   /* pannello rialzato */
  --colore-linea: #222229;        /* bordi e filetti */
  --colore-oro: #D9A441;          /* oro istituzionale */
  --colore-oro-chiaro: #F0C36A;   /* oro in evidenza */
  --colore-testo: #F4F1EA;        /* bianco caldo */
  --colore-testo-secondario: #A2A0A8;
  --colore-testo-attenuato: #66646E;

  /* Tipografia — serif per i titoli, sans per il testo, mono per numeri ed etichette */
  --font-titoli: Georgia, 'Times New Roman', 'Iowan Old Style', serif;
  --font-testo: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'Cascadia Mono', 'SF Mono', Consolas, monospace;

  /* Scala tipografica */
  --testo-xs: 0.75rem;
  --testo-sm: 0.875rem;
  --testo-md: 1rem;
  --testo-lg: 1.25rem;
  --testo-xl: 1.75rem;
  --testo-2xl: 2.5rem;

  /* Spaziature */
  --spazio-1: 0.25rem;
  --spazio-2: 0.5rem;
  --spazio-3: 1rem;
  --spazio-4: 1.5rem;
  --spazio-5: 2.5rem;
  --spazio-6: 4rem;

  /* Raggi */
  --raggio-sm: 4px;
  --raggio-md: 8px;
  --raggio-lg: 14px;

  /* Larghezze di contenuto */
  --larghezza-testo: 42rem;
  --larghezza-pagina: 72rem;
}