/* ==========================================================
   MONOM — Colori (unica fonte dei colori del sito)
   Regola: negli altri fogli di stile si usano SOLO queste
   variabili, mai esadecimali scritti a mano.
   Proporzioni (Bozza 03): 70 acciaio · 20 nero/bianco ·
   8 rosso · 2 secondari (uno solo per pagina/sezione).
   ========================================================== */

:root {
  /* --- Rosso MONOM: sempre a colore pieno, mai sfumato --- */
  --rosso: #FF3D2F;

  /* --- Acciaio satinato: i neutri della pagina --- */
  --acciaio-050: #EEEDEA; /* fondo pagina */
  --acciaio-100: #E4E3E0; /* pannelli */
  --acciaio-200: #D3D2CF; /* pannelli scuri, hover */
  --acciaio-300: #ADACA9; /* linee leggere */
  --acciaio-500: #5E5E5B; /* testo secondario (contrasto AA su acciaio-050) */

  /* --- Nero e bianco --- */
  --grafite: #2A2A29;
  --nero: #141414;
  --bianco: #FFFFFF;

  /* --- Secondari: uno solo per pagina o sezione --- */
  --giallo: #FFC21A;
  --blu: #2F5BFF;
  --verde: #1FBF6A;

  /* --- Ruoli (usare questi nei componenti) --- */
  --colore-fondo: var(--acciaio-050);
  --colore-pannello: var(--acciaio-100);
  --colore-testo: var(--nero);
  --colore-testo-tenue: var(--acciaio-500);
  --colore-filetto: var(--grafite);
  --colore-filetto-leggero: var(--acciaio-300);
  --colore-accento: var(--rosso);

  /* Testo sopra il rosso: nero (il bianco su rosso non passa
     il contrasto AA per i testi piccoli). */
  --colore-testo-su-rosso: var(--nero);

  /* Sezioni scure */
  --colore-fondo-scuro: var(--nero);
  --colore-testo-su-scuro: var(--acciaio-050);
  --colore-testo-tenue-su-scuro: var(--acciaio-300);
  --colore-filetto-su-scuro: var(--acciaio-500);

  /* Segnaposto di lavoro (da rimuovere prima della pubblicazione) */
  --colore-segnaposto: var(--giallo);
}