/* ==========================================================================
   Tema scuro: gli stessi token di variables.css con i valori per il fondo scuro. Stesso aspetto netto,
   fondo quasi nero con una punta di verde, accento più chiaro per leggersi sul nero.
   Lo carica il layout (views/partials/tema.ejs): con media="(prefers-color-scheme: dark)" se il tema
   del profilo è «automatico», sempre se è «scuro», mai se è «chiaro». I report da stampare e le email
   restano chiari.
   ========================================================================== */

:root {
  color-scheme: dark;

  --ink:            #E6ECEB;
  --ink-2:          #B4BFBD;
  --ink-3:          #8C9997;
  --ink-off:        #55605E;

  --carta:          #0D1211;
  --superficie:     #151B1A;
  --superficie-2:   #1C2423;
  --codice-bg:      #0A0E0D;
  --carta-vetrina:  #0D1211;
  --notte:          #18201F;
  --notte-testo:    #B4BFBD;

  --bordo:          #26302E;
  --bordo-2:        #34403E;

  --accento:        #2BB3A3;
  --accento-scuro:  #6FD3C3;
  --accento-profondo: #0F4A44;
  --accento-medio:  #3E9C90;
  --accento-tenue:  #2A6A62;
  --accento-chiaro: #12302C;
  --allarme:        #F2877C;
  --allarme-scuro:  #FFB4AB;
  --allarme-chiaro: #2E1614;
  --attenzione:     #F0B45A;
  --attenzione-chiaro: #2B2010;
  --attenzione-barra: #E69A2E;
  --conferma:       #4CC38A;
  --conferma-chiaro: #10271C;

  --attenzione-bordo: #5C4318;
  --allarme-bordo:  #5A2620;
  --diff-tolto:     #5A2620;
  --diff-aggiunto:  #164A33;

  --pieno:          #E6ECEB;
  --su-pieno:       #0D1211;
  --accento-pieno:  #13857B;
  --accento-pieno-2: #0F6B63;
  --allarme-pieno:  #C4372B;
  --allarme-pieno-2: #A12C22;

  --overlay:        rgba(0, 0, 0, .6);
  --ombra-toast:    0 8px 24px rgba(0, 0, 0, .5);

}