/* I colori e i font del progetto: l'unico file da cambiare per il marchio.
   stile.css usa solo queste variabili. script/nuovo.mjs --colore cambia --accento.
   Le regole: l'accento per i bottoni e i link; l'evidenza per UNA call to action
   per volta (se no non risalta piu' niente); il colore d'avviso solo per gli
   avvisi (se decora, chi legge cerca il problema). */
:root {
  --accento: #2D5A87;   /* colore principale */
  --accento-scuro: color-mix(in srgb, var(--accento) 72%, #000);
  --accento-chiaro: color-mix(in srgb, var(--accento) 12%, #fff);

  --inchiostro: #1D1C1A;   /* titoli e testo forte */
  --testo: #3A3833;        /* testo corrente */
  --tenue: #6B6861;        /* note */
  --fondo: #F6F4F0;        /* fondo pagina (anche sotto la barra di stato) */
  --carta: #FFFFFF;        /* schede */
  --riga: rgba(29, 28, 26, .10);

  --evidenza: #D9A21B;
  --evidenza-chiara: #FAF0D3;
  --evidenza-ink: #2B2205;

  --avviso: #A3452F;
  --avviso-fondo: #FAECE7;

  --font-titoli: -apple-system, BlinkMacSystemFont, 'SF Pro Text', Inter, 'Helvetica Neue', Arial, sans-serif;
  --font-corpo: -apple-system, BlinkMacSystemFont, 'SF Pro Text', Inter, 'Helvetica Neue', Arial, sans-serif;
}