/* N.U.K.U. — tema
   Direzione «turno di notte»: fondo scuro, blu come unico colore dei comandi.
   Il chiaro esiste per chi lavora all'aperto in pieno sole. */

:root {
  --blu: #4C7DFF;
  --blu-scuro: #2F5BD8;
  --blu-tenue: rgba(76, 125, 255, .16);

  --mattina: #B87C2B;
  --pomeriggio: #35A692;
  --notte: #9083EE;

  --rosso: #E2685F;
  --verde: #4FB477;

  --numeri: "Space Grotesk", system-ui, sans-serif;
  --testo: "IBM Plex Sans", system-ui, sans-serif;

  --r-piccolo: 8px;
  --r-medio: 14px;
  --r-grande: 22px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  --barra-alt: 60px;
}

[data-tema="scuro"] {
  --fondo: #0E1116;
  --fondo-2: #171C24;
  --fondo-3: #212934;
  --bordo: #2B333F;
  --inchiostro: #EDF1F7;
  --inchiostro-2: #98A3B3;
  --ombra: 0 12px 32px rgba(0, 0, 0, .5);
}

[data-tema="chiaro"] {
  --fondo: #F7F8FA;
  --fondo-2: #FFFFFF;
  --fondo-3: #ECEFF4;
  --bordo: #D8DEE7;
  --inchiostro: #141922;
  --inchiostro-2: #5C6675;
  --ombra: 0 12px 32px rgba(20, 25, 34, .12);
}