/* Temi delle app: ogni tema cambia solo le variabili, mai i selettori della pagina.
   Il tema si sceglie con l'attributo tema.css dell'app o del profilo (valore "online" -> classe tema-online sul body). */

/* Base neutra: vale per le app senza tema */
:root {
    --colore-principale: #6c757d;
    --colore-testo-principale: white;
    --colore-menu: lightgray;
    --filtro-logo: none;
}

/* Online: il logo a colori diventa bianco sulla cornice */
.tema-online {
    --colore-principale: #0165A1;
    --colore-testo-principale: white;
    --colore-menu: lightgray;
    --filtro-logo: brightness(0) invert(1);
}

.tema-bluq {
    --colore-principale: #0165A1;
    --colore-testo-principale: white;
    --colore-menu: lightgray;
}

.tema-verdeq {
    --colore-principale: #0F766E;
    --colore-testo-principale: white;
    --colore-menu: lightgray;
}

.tema-bordeauxq {
    --colore-principale: #9B1C31;
    --colore-testo-principale: white;
    --colore-menu: lightgray;
}