/* Temi: ridefiniscono le stesse variabili di base.css. Famiglia di colori Domus. */

/* Scuro: antracite caldo, vetro scuro, testo crema */
:root[data-tema="scuro"] {
  --sfondo-1: #6E6960;
  --sfondo-2: #26241F;
  --sfondo-luce: rgba(255, 236, 205, .16);
  --vetro: rgba(38, 36, 32, .72);
  --vetro-bordo: rgba(255, 255, 255, .10);
  --vetro-pieno: #2C2A26;
  --risalto: #121211;
  --risalto-testo: #F2EFE8;
  --risalto-testo-2: #BDB7AC;
  --testo: #F2EFE8;
  --testo-2: #CFC9BE;
  --accento: #A6D27C;
  --accento-alone: #7FB35A;
  --accento-testo: #B5DC8F;
  --accento-tenue: rgba(166, 210, 124, .16);
  --su-accento: #141414;
  --pericolo-testo: #FF9B91;
  --campo: rgba(0, 0, 0, .28);
  --traccia: rgba(255, 255, 255, .13);
  --hover: rgba(255, 255, 255, .07);
  --ombra: 0 14px 36px rgba(0, 0, 0, .30);
  color-scheme: dark;
}

/* Chiaro: tortora chiaro, vetro chiaro, testo scuro */
:root[data-tema="chiaro"] {
  --sfondo-1: #EFEAE1;
  --sfondo-2: #C7BFB2;
  --sfondo-luce: rgba(255, 255, 255, .55);
  --vetro: rgba(255, 253, 248, .62);
  --vetro-bordo: rgba(255, 255, 255, .75);
  --vetro-pieno: #F7F4EE;
  --risalto: #141414;
  --risalto-testo: #F2EFE8;
  --risalto-testo-2: #BDB7AC;
  --testo: #22201C;
  --testo-2: #57524A;
  --accento: #A6D27C;
  --accento-alone: #8CC060;
  --accento-testo: #3F6B1F;
  --accento-tenue: rgba(110, 160, 60, .18);
  --su-accento: #141414;
  --pericolo-testo: #A8241C;
  --pericolo-tenue: rgba(200, 53, 45, .12);
  --campo: rgba(255, 255, 255, .72);
  --traccia: rgba(40, 34, 25, .12);
  --hover: rgba(40, 34, 25, .06);
  --ombra: 0 12px 30px rgba(70, 60, 45, .14);
  color-scheme: light;
}

/* Colore d'accento scelto in Impostazioni › Azienda e aspetto (data-accento su <html>).
   Salvia è il predefinito (nessun attributo). Varianti della famiglia Domus. */
:root[data-accento="oro"] { --accento: #C9B26A; --accento-alone: #B0974C; --accento-testo: #D9C688; --accento-tenue: rgba(201, 178, 106, .18); }
:root[data-accento="oro"][data-tema="chiaro"] { --accento-alone: #B39A4F; --accento-testo: #6E5A17; --accento-tenue: rgba(170, 140, 60, .18); }
:root[data-accento="menta"] { --accento: #93D3B4; --accento-alone: #6DBB95; --accento-testo: #A9DEC4; --accento-tenue: rgba(147, 211, 180, .18); }
:root[data-accento="menta"][data-tema="chiaro"] { --accento-alone: #74C29C; --accento-testo: #1F6B4A; --accento-tenue: rgba(60, 150, 110, .16); }
:root[data-accento="oro"] .scheda--nera { --accento-tenue: rgba(201, 178, 106, .16); }
:root[data-accento="menta"] .scheda--nera { --accento-tenue: rgba(147, 211, 180, .16); }