/*--sfondo-principale: Colore del cliente estrapolato dal logo, ad esempio rosso*/
/*--sfondo-principale-hover: Colore del cliente ma più chiaro*/
/*--colore-principale-testo: definisce il colore delle scritte sopra ai bottoni dello sfondo principale. 
    quindi varia in base al colore scelto dal cliente. Se è il giallo, sicuramente qua sarà nero perchè sul giallo le scritte bianche non si leggono*/
/*--sfondo-sito: specifica se il sito è il dark mode oppure no*/
/*--secondo-sfondo: Nel normale è #EEF2F6 che è un colore grigetto chiaro, altrimenti è nero*/
/*--lettere: definisce il colore delle scritte ed è dipendente dalla variabile sfondo sito. 
    Se dark mode allora le lettere devono essere bianche, altrimenti nere oppure come preferisci, sul bianco va bene qualsiasi colore scuro*/
/*--contrasto-sfondo: Quando c'è la versione bianca è quel grigetto chiarissimo, ovvero: #F9F9F9, per la dark mode è nero*/
/*--bordi: indica tutti i bordi. Per la versione bianca lascia: #EAEAEA, per dark mode #5b5b5b*/
/*--sfondo-ddl: indica il colore di sfondo di tutte le dropdown list, input e caselle di testo varie tranne le checkbox che rimangono sempre bianche
    per dark mode si usa un grigetto: #312D2D, altrimenti bianco*/
/*--sfondo-marca: viene usato per i loghi dei marchi. Se dark mode allora devono essere bianchi, altrimenti "none" che indica che rimangono come sono*/
/*--sfondo-footer: indica lo sfondo del footer e del menù da mobile. Come preferisci*/

/*DARK MODE*/
/*:root {
    --sfondo-principale: #c54040;
    --sfondo-principale-hover: #d14d4d;
    --colore-principale-testo: #ffffff;
    --sfondo-sito: #000000;
    --secondo-sfondo: #000000;
    --lettere: #ffffff;
    --contrasto-sfondo: #000000;
    --bordi: #5b5b5b;
    --sfondo-ddl: #312D2D;
    --sfondo-marca: invert(1) sepia(0) saturate(0) hue-rotate(0deg);
    --sfondo-footer: #312D2D;
}*/

/*WHITE MODE*/
:root {
    --sfondo-principale: #FF392E;
    --sfondo-principale-hover: #FF392E;
    --colore-principale-testo: black;
    --sfondo-sito: #ffffff;
    --lettere: #000000;
    --contrasto-sfondo: #F9F9F9;
    --bordi: #EAEAEA;
    --sfondo-ddl: #ffffff;
    --sfondo-marca: none;
    --sfondo-footer: #312D2D;
    --secondo-sfondo: #f2f3f3;
}