/* NAVIMATE — COLORI FUNZIONALI
   Rigenerato da navimate_colori. */

:root {
/* --- HEADER --- */
--col-header-sfondo: #0c1524;
--col-header-bordo: rgba(255,255,255,0.06);
--col-header-hamburger: #e8ecf2;
--col-header-nome: #e8ecf2;
--col-header-pulsante-bordo: rgba(255,255,255,0.06);
--col-header-pulsante-testo: #6b7a90;

/* --- MENU --- */
--col-menu-overlay: rgba(0,0,0,0.5);
--col-menu-sfondo: #0c1524;
--col-menu-ombra: rgba(0,0,0,0.4);
--col-menu-testata-sfondo: #060b14;
--col-menu-testata-bordo: rgba(255,255,255,0.06);
--col-menu-avatar-sfondo: #0f2847;
--col-menu-avatar-bordo: #f5a623;
--col-menu-nome: #e8ecf2;
--col-menu-email: #6b7a90;
--col-menu-visibilita: #f5a623;
--col-menu-voce: #e8ecf2;
--col-menu-voce-icona: #e8ecf2;
--col-menu-voce-hover: #0f2847;
--col-menu-separatore: rgba(255,255,255,0.06);
--col-menu-badge-sfondo: #ff4466;
--col-menu-badge-testo: #ffffff;
--col-menu-logout: #ff4466;
--col-menu-footer: #3d4d63;
--col-menu-footer-bordo: rgba(255,255,255,0.06);

/* --- BARRA TAB --- */
--col-barra-sfondo: #0c1524;
--col-barra-bordo: rgba(255,255,255,0.06);
--col-barra-inattivo: #6b7a90;
--col-barra-attivo: #f5a623;

/* --- BUSSOLA --- */
--col-bussola-sfondo: rgba(6,11,20,0.92);
--col-bussola-bordo: rgba(245,166,35,0.2);
--col-bussola-testo: rgba(255,255,255,0.85);
--col-bussola-tacca-piccola: rgba(255,255,255,0.4);
--col-bussola-tacca-grande: rgba(255,255,255,0.8);
--col-bussola-cardinale: #f5a623;
--col-bussola-tacca-cardinale: #f5a623;
--col-bussola-centro: #ff4466;
--col-bussola-lettura-sfondo: rgba(6,11,20,0.92);
--col-bussola-lettura-bordo: rgba(245,166,35,0.2);
--col-bussola-lettura-testo: #ffffff;
--col-bussola-bearing: #f5a623;
--col-bussola-bearing-freccia: #f5a623;

/* --- BADGE NAV --- */
--col-badge-nav-sfondo: rgba(6,11,20,0.92);
--col-badge-nav-bordo: rgba(245,166,35,0.2);
--col-badge-nav-etichetta: #f5a623;
--col-badge-nav-valore: #ffffff;
--col-badge-nav-valore-ombra: rgba(0,0,0,0.6);
--col-badge-nav-unita: #f5a623;
--col-badge-nav-xte-sfondo: rgba(255,255,255,0.15);
--col-badge-nav-xte-centro: #3d4d63;
--col-badge-nav-xte-ok: #00cc88;
--col-badge-nav-xte-avviso: #ff9500;
--col-badge-nav-xte-pericolo: #ff4466;
--col-badge-nav-progresso-sfondo: rgba(255,255,255,0.15);
--col-badge-nav-progresso: #f5a623;

/* --- CTRL NAV --- */
--col-ctrl-nav-sfondo: rgba(6,11,20,0.92);
--col-ctrl-nav-bordo: rgba(245,166,35,0.2);
--col-ctrl-nav-icona: #ffffff;
--col-ctrl-nav-ombra: rgba(0,0,0,0.4);
--col-ctrl-nav-premuto: #f5a623;

/* --- PULSANTI MAPPA --- */
--col-pulsante-mappa-sfondo: rgba(6,11,20,0.92);
--col-pulsante-mappa-bordo: rgba(245,166,35,0.2);
--col-pulsante-mappa-icona: #ffffff;
--col-pulsante-mappa-ombra: rgba(0,0,0,0.4);
--col-pulsante-mappa-attivo: #f5a623;
--col-zoom-sfondo: rgba(6,11,20,0.92);
--col-zoom-testo: #ffffff;
--col-zoom-bordo: rgba(245,166,35,0.2);

/* --- POSIZIONI --- */
--col-posizione-sfondo: #f5a623;
--col-posizione-bordo: #ffffff;
--col-posizione-ombra-1: rgba(0,0,0,0.5);
--col-posizione-ombra-2: rgba(245,166,35,0.3);
--col-posizione-icona-ombra: rgba(0,0,0,0.5);
--col-posizione-live-bordo: #000;
--col-posizione-cerchio-fill: #f5a623;
--col-posizione-cerchio-stroke: #f5a623;

/* --- PANNELLO --- */
--col-pannello-sfondo: #060b14;
--col-pannello-bordo: rgba(255,255,255,0.06);
--col-maniglia-sfondo: #060b14;
--col-maniglia-pillola: rgba(255,255,255,0.3);
--col-titolo-sfondo: #060b14;
--col-titolo-ombra: #060b14;
--col-indietro-sfondo: #060b14;
--col-indietro-ombra: #060b14;
--col-toolbar-sfondo: #060b14;
--col-sticky-sfondo: #060b14;
--col-scrollbar: rgba(255,255,255,0.06);

/* --- CARD --- */
--col-card-sfondo: #0f2847;
--col-card-titolo: #e8ecf2;
--col-card-meta: #6b7a90;

/* --- TAB --- */
--col-tab-sfondo: #0c1524;
--col-tab-testo: #6b7a90;
--col-tab-bordo: rgba(255,255,255,0.06);
--col-tab-attiva-sfondo: #f5a623;
--col-tab-attiva-testo: #ffffff;

/* --- PULSANTI --- */
--col-pulsante-primario-grad-1: #f5a623;
--col-pulsante-primario-grad-2: #ff9500;
--col-pulsante-primario-testo: #ffffff;
--col-pulsante-contorno-bordo: rgba(255,255,255,0.06);
--col-pulsante-contorno-testo: #e8ecf2;
--col-pulsante-pericolo-sfondo: #ff4466;
--col-pulsante-pericolo-testo: #ffffff;
--col-pulsante-icona-sfondo: #0c1524;
--col-pulsante-icona-bordo: rgba(255,255,255,0.06);
--col-pulsante-icona-testo: #e8ecf2;
--col-pulsante-icona-hover-bordo: #f5a623;
--col-pulsante-icona-hover-testo: #f5a623;
--col-pulsante-nav-bordo: #00cc88;
--col-pulsante-nav-testo: #00cc88;
--col-pulsante-elimina-bordo: #ff4466;
--col-pulsante-elimina-testo: #ff4466;
--col-pulsante-collassa-sfondo: #0f2847;
--col-pulsante-collassa-bordo: #f5a623;
--col-pulsante-collassa-testo: #e8ecf2;

/* --- FORM --- */
--col-form-etichetta: #6b7a90;
--col-form-input-sfondo: #0c1524;
--col-form-input-bordo: rgba(255,255,255,0.06);
--col-form-input-testo: #e8ecf2;
--col-form-focus-bordo: #f5a623;
--col-form-focus-glow: rgba(245,166,35,0.15);
--col-form-checkbox: #f5a623;
--col-form-checkbox-testo: #6b7a90;

/* --- LOGIN --- */
--col-login-titolo: #e8ecf2;
--col-login-brand: #f5a623;
--col-login-sottotitolo: #6b7a90;
--col-login-link: #f5a623;
--col-login-privacy-testo: #e8ecf2;
--col-login-privacy-link: #f5a623;
--col-login-verifica-icona: #f5a623;
--col-login-verifica-titolo: #f5a623;
--col-login-verifica-testo: #6b7a90;
--col-login-otp-icona: #f5a623;
--col-login-otp-titolo: #f5a623;
--col-login-otp-testo: #e8ecf2;
--col-login-otp-scadenza: #6b7a90;

/* --- GPS --- */
--col-gps-sfondo: #000;
--col-gps-heading: #ffffff;
--col-gps-nastro-sfondo: #111;
--col-gps-nastro-bordo: #f5a623;
--col-gps-nastro-centro: #f5a623;
--col-gps-nastro-tacca: #555;
--col-gps-nastro-tacca-grande: #999;
--col-gps-nastro-testo: #888;
--col-gps-nastro-cardinale: #f5a623;
--col-gps-nastro-tacca-cardinale: #f5a623;
--col-gps-coord-etichetta: #f5a623;
--col-gps-coord-valore: #ffffff;
--col-gps-dato-etichetta: #f5a623;
--col-gps-dato-valore: #ffffff;
--col-gps-dato-separatore: #333;

/* --- CRUSCOTTO --- */
--col-nav-dato-etichetta: #6b7a90;
--col-nav-dato-valore: #f5a623;
--col-nav-dato-sotto: #6b7a90;
--col-nav-xte-sfondo: #0c1524;
--col-nav-xte-centro: #3d4d63;
--col-nav-xte-ok: #00cc88;
--col-nav-xte-avviso: #ff9500;
--col-nav-xte-pericolo: #ff4466;
--col-nav-progresso-sfondo: #0c1524;
--col-nav-progresso-grad-1: #f5a623;
--col-nav-progresso-grad-2: #00cc88;

/* --- WAYPOINT --- */
--col-waypoint-numero-sfondo: #f5a623;
--col-waypoint-numero-testo: #ffffff;
--col-waypoint-pallino-sfondo: #0f2847;
--col-waypoint-pallino-bordo: #f5a623;
--col-waypoint-pallino-testo: #e8ecf2;
--col-waypoint-inizio-sfondo: #00cc88;
--col-waypoint-inizio-testo: #ffffff;
--col-waypoint-fine-sfondo: #ff4466;
--col-waypoint-fine-testo: #ffffff;
--col-waypoint-modifica: #ff6600;

/* --- ROTTE --- */
--col-rotta-default: #ff6600;
--col-rotta-inizio: #00cc88;
--col-rotta-fine: #ff4466;

/* --- TRACCE --- */
--col-traccia-linea: #aa44ff;
--col-traccia-inizio: #00cc88;
--col-traccia-fine: #ff4466;

/* --- TOAST --- */
--col-toast-testo: #ffffff;
--col-toast-ombra: rgba(0,0,0,0.5);
--col-toast-successo: #00cc88;
--col-toast-errore: #ff4466;
--col-toast-avviso-sfondo: #ff9500;
--col-toast-avviso-testo: #222;
--col-toast-info-sfondo: #f5a623;
--col-toast-info-testo: #000;

/* --- IMPOSTAZIONI --- */
--col-impost-titolo: #f5a623;
--col-impost-etichetta: #e8ecf2;
--col-impost-bordo: rgba(255,255,255,0.06);
--col-impost-badge-etichetta: #f5a623;
--col-impost-vuoto: #6b7a90;
--col-impost-select-sfondo: #0c1524;
--col-impost-select-bordo: rgba(255,255,255,0.06);
--col-impost-select-testo: #e8ecf2;

/* --- LAYER --- */
--col-layer-sfondo: rgba(6,11,20,0.92);
--col-layer-bordo: rgba(245,166,35,0.2);
--col-layer-titolo: #f5a623;
--col-layer-voce: #ffffff;
--col-layer-separatore: rgba(255,255,255,0.06);
--col-layer-radio: #f5a623;

/* --- POPUP --- */
--col-popup-sfondo: #111d32;
--col-popup-testo: #e8ecf2;
--col-popup-punta: #111d32;

/* --- OPZIONI --- */
--col-opzione-sfondo: #0f2847;
--col-opzione-bordo: rgba(255,255,255,0.06);
--col-opzione-testo: #e8ecf2;
--col-opzione-hover: #f5a623;

/* --- SELETTORE ICONA --- */
--col-icona-sfondo: #0c1524;
--col-icona-bordo: rgba(255,255,255,0.06);
--col-icona-attiva-sfondo: #f5a623;
--col-icona-attiva-bordo: #f5a623;
--col-icona-hover: #f5a623;

/* --- CHAT --- */
--col-chat-mio-sfondo: #f5a623;
--col-chat-mio-testo: #ffffff;
--col-chat-mio-ora: rgba(255,255,255,0.7);
--col-chat-mio-vocale-sfondo: rgba(255,255,255,0.2);
--col-chat-mio-vocale-icona: #ffffff;
--col-chat-mio-elimina: rgba(255,255,255,0.4);
--col-chat-mio-elimina-hover: #ffffff;
--col-chat-mio-elimina-hover-sfondo: rgba(255,0,0,0.3);
--col-chat-altri-elimina: rgba(0,0,0,0.3);
--col-chat-altri-elimina-hover: #f00;
--col-chat-altri-elimina-hover-sfondo: rgba(255,0,0,0.1);
--col-chat-altri-sfondo: #0f2847;
--col-chat-altri-testo: #e8ecf2;
--col-chat-altri-bordo: rgba(255,255,255,0.06);
--col-chat-altri-vocale-sfondo: #0c1524;
--col-chat-altri-vocale-icona: #e8ecf2;
--col-chat-mittente: #f5a623;
--col-chat-vocale-scaduto: #888;
--col-chat-input-barra-sfondo: #0c1524;
--col-chat-input-barra-bordo: rgba(255,255,255,0.06);
--col-chat-input-sfondo: #0f2847;
--col-chat-input-bordo: rgba(255,255,255,0.06);
--col-chat-input-testo: #e8ecf2;
--col-chat-invio-sfondo: #f5a623;
--col-chat-invio-icona: #ffffff;
--col-chat-mic-sfondo: #0f2847;
--col-chat-mic-bordo: rgba(255,255,255,0.06);
--col-chat-mic-testo: #e8ecf2;
--col-chat-mic-rec-sfondo: #ff4466;
--col-chat-mic-rec-icona: #ffffff;
--col-chat-mic-rec-bordo: #ff4466;
--col-chat-rec-barra: #ff4466;
--col-chat-rec-testo: #ffffff;
--col-chat-rec-punto: #ffffff;
--col-chat-rec-annulla-sfondo: rgba(255,255,255,0.2);
--col-chat-rec-annulla-testo: #ffffff;
--col-chat-data-sep: #6b7a90;
--col-chat-badge-sfondo: #f5a623;
--col-chat-badge-testo: #ffffff;
--col-chat-read-non-letto: #e8c820;
--col-chat-read-letto: #22cc66;
--col-chat-read-bordo: #000;
--col-chat-disclaimer: rgba(255,255,255,0.3);
--col-chat-notifica-sfondo: #ff4466;
--col-chat-notifica-testo: #ffffff;

/* --- AVVISI --- */
--col-avviso-gps-sfondo: #cc0000;
--col-avviso-gps-testo: #ffffff;
--col-avviso-rete-sfondo: #ff8c00;
--col-avviso-rete-testo: #000;
--col-avviso-ok-sfondo: rgba(0,0,0,0.2);
--col-avviso-ok-testo: #000;
--col-avviso-ok-bordo: rgba(0,0,0,0.3);

/* --- TRACCE REC --- */
--col-tracce-rec-icona: #ff4466;
--col-tracce-rec-punto: #ff4466;

/* --- MAREA --- */
--col-marea-modale-sfondo: rgba(6,11,20,0.92);
--col-marea-header-sfondo: #0f2847;
--col-marea-stazione: #ffffff;
--col-marea-valore: #ffffff;
--col-marea-unita: #ffffff;
--col-marea-freccia: #ffffff;
--col-marea-giorno-sfondo: #0f2847;
--col-marea-giorno-bordo: rgba(255,255,255,0.06);
--col-marea-giorno-nome: #ffffff;
--col-marea-giorno-header-bordo: rgba(255,255,255,0.1);
--col-marea-riga-bordo: rgba(255,255,255,0.06);
--col-marea-ora: #ffffff;
--col-marea-cm: #ffffff;
--col-marea-freccia-ext: #ffffff;
--col-marea-badge-freccia: #ffffff;
--col-marea-badge-freccia-ombra: rgba(255,255,255,0.4);
--col-marea-badge-extra: #ffffff;
--col-marea-badge-valore: #ffffff;

/* --- VENTO --- */
--col-vento-freccia-badge: #ffffff;
--col-vento-modale-sfondo: rgba(6,11,20,0.92);
--col-vento-riga-sfondo: #0f2847;
--col-vento-riga-bordo: rgba(255,255,255,0.06);
--col-vento-riga-attiva-bordo: #f5a623;
--col-vento-freccia-riga: #ffffff;
--col-vento-nome: #ffffff;
--col-vento-eye: #ffffff;
--col-vento-direzione: rgba(255,255,255,0.5);
--col-vento-fisso: #ffffff;
--col-vento-etichette: rgba(255,255,255,0.4);
--col-vento-unita: rgba(255,255,255,0.35);
--col-vento-legenda: rgba(255,255,255,0.5);

/* --- GUIDA SEARCH --- */
--col-guida-search-sfondo: #0f2847;
--col-guida-search-testo: #e8ecf2;
--col-guida-search-bordo: rgba(255,255,255,0.06);
--col-guida-search-placeholder: rgba(255,255,255,0.35);
--col-guida-search-focus: #f5a623;
--col-guida-search-conteggio: #e8ecf2;
--col-guida-search-btn-sfondo: #0f2847;
--col-guida-search-btn-testo: #e8ecf2;
--col-guida-search-btn-bordo: rgba(255,255,255,0.06);
--col-guida-search-btn-premuto: #f5a623;
--col-guida-search-btn-premuto-testo: #ffffff;
--col-guida-highlight: rgba(245,166,35,0.25);
--col-guida-highlight-attiva-sfondo: #f5a623;
--col-guida-highlight-attiva-testo: #ffffff;
--col-guida-highlight-testo-chiaro: #1a1a2e;

/* --- PAN PAN --- */
--col-panpan-cat-bordo: #e53e3e;
--col-panpan-cat-sfondo: rgba(229,62,62,0.15);

/* --- SECURITE --- */
--col-securite-cat-bordo: #f5a623;
--col-securite-cat-sfondo: rgba(245,166,35,0.15);

/* --- PWA --- */
--col-pwa-sfondo: #0f2847;
--col-pwa-bordo: #f5a623;
--col-pwa-chiudi: #6b7a90;

/* --- ICONE MAPPA --- */
--col-mappa-blu: #3182ce;
--col-mappa-turchese: #00b5d8;
--col-mappa-rosa: #d53f8c;
--col-mappa-viola: #aa44ff;
--col-mappa-intercept: #4488ff;

/* --- SCALA --- */
--col-scala-critico: #cc0000;
--col-scala-alto: #ff6600;
--col-scala-medio: #ffcc00;
--col-scala-normale: #00aa55;
--col-scala-basso: #888888;
--col-scala-minimo: #4488cc;

/* --- ADMIN --- */
--col-admin-sfondo-header: #132744;
--col-admin-sfondo-header-2: #1a3355;
--col-admin-bordo-header: #2a4a6a;
--col-admin-categoria: #8899aa;
--col-admin-badge: #88aaff;
--col-admin-badge-sfondo: rgba(100,150,255,0.2);
--col-admin-grigio: rgba(80,80,80,0.2);
--col-admin-pulsante-salva-testo: #000;

/* --- STAMPA --- */
--col-stampa-ok-testo: #22543d;
--col-stampa-ok-sfondo: #c6f6d5;
--col-stampa-avviso-testo: #744210;
--col-stampa-avviso-sfondo: #fefcbf;
--col-stampa-errore-testo: #9b2c2c;
--col-stampa-errore-sfondo: #fed7d7;
--col-stampa-riga: #f7f7f7;
--col-stampa-riga-2: #f9f9f9;
--col-stampa-alert-sfondo: #fff0f0;

/* --- GUIDA --- */
--col-guida-rosso-10: rgba(136,0,0,0.1);
--col-guida-rosso-sfondo: rgba(180,0,0,0.1);
--col-guida-rosso-bordo: rgba(180,0,0,0.3);
--col-guida-rosso-testo: rgba(180,0,0,0.4);
--col-guida-avviso-sfondo: rgba(204,0,0,0.12);
--col-guida-avviso-sfondo-light: rgba(204,0,0,0.06);

/* --- HEADER --- */
--col-header-brand-filter-notte: brightness(0.5) sepia(1) hue-rotate(-30deg) saturate(3);

/* --- MODALE --- */
--col-modale-overlay: rgba(0,0,0,0.85);
--col-modale-overlay-2: rgba(0,0,0,0.88);

/* --- PULSANTI --- */
--col-pulsante-successo-sfondo: #00cc88;
--col-pulsante-successo-testo: #ffffff;
--col-pulsante-avviso-testo: #ff9500;

/* --- MODALE --- */
--col-splash-sfondo: rgba(6,11,20,0.94);
--col-splash-sfondo-2: rgba(6,11,20,0.95);
--col-live-overlay: rgba(6,11,20,0.92);
--col-live-overlay-notte: rgba(120,0,0,0.92);

/* --- ACCENTO --- */
--col-accento-brand: #f5a623;

/* --- TESTI --- */
--col-testo-chiaro: #ffffff;
--col-testo-scuro: #000;
--col-testo-info: #e8ecf2;
--col-testo-dim: #6b7a90;
--col-testo-hint: #96b6e4;

/* --- CARD --- */
--col-sfondo-card-gen: #0f2847;
--col-sfondo-sec-gen: #0c1524;

/* --- BORDI --- */
--col-bordo-gen: rgba(255,255,255,0.06);

/* --- STATO --- */
--col-pericolo-gen: #ff4466;
--col-successo-gen: #00cc88;
--col-avviso-gen: #ff9500;

/* --- POSIZIONI --- */
--col-icona-ombra: rgba(0,0,0,0.5);

/* --- HELPDESK --- */
--col-ticket-nuovo: #f5a623;
--col-ticket-in-corso: #4488ff;
--col-ticket-risolto: #48bb78;
--col-ticket-chiuso: #888;
--col-ticket-admin-sfondo: rgba(245,166,35,0.1);
--col-ticket-admin-bordo: rgba(245,166,35,0.2);
--col-ticket-notifica: #ff4466;

/* --- INTERCEPT --- */
--col-intercept-info-sfondo: rgba(245,166,35,0.15);
--col-intercept-difficile-sfondo: rgba(229,62,62,0.15);
--col-intercept-attesa-sfondo: rgba(255,255,255,0.1);

/* --- PAN PAN --- */
--col-panpan-marker-sfondo: #ffffff;
--col-panpan-marker-bordo: #f5a623;
--col-panpan-marker-ombra: rgba(0,0,0,0.4);
--col-pampam-marker-sfondo: #ffffff;
--col-pampam-marker-bordo: #e53e3e;
--col-pampam-marker-ombra: rgba(0,0,0,0.4);

/* --- CARBURANTE --- */
--col-carburante-pieno: #f5a623;
--col-carburante-medio: #cc8800;
--col-carburante-critico: #cc0000;

/* --- PROFILO --- */
--col-profilo-avatar-bordo: #f5a623;
--col-profilo-avatar-sfondo: #0c1524;
--col-profilo-stat-valore: #f5a623;
--col-profilo-stat-etichetta: #6b7a90;

/* --- POSIZIONI --- */
--col-live-stale: #999;
--col-live-popup-sfondo: #334;
--col-live-popup-testo: #aaa;
--col-live-popup-bordo: #556;

/* --- AGGIORNAMENTO --- */
--col-aggiornamento-titolo: #f5a623;
--col-aggiornamento-testo: #ffffff;
--col-aggiornamento-pulsante-sfondo: #f5a623;
--col-aggiornamento-pulsante-testo: #000;
--col-aggiornamento-dopo-sfondo: rgba(255,255,255,0.08);
--col-aggiornamento-dopo-testo: rgba(255,255,255,0.6);
--col-aggiornamento-dopo-bordo: rgba(255,255,255,0.15);

/* --- TRACCE REC --- */
--col-tracce-splash-titolo: #ff4466;
--col-tracce-splash-testo: #ffffff;
--col-tracce-splash-nav-sfondo: #f5a623;
--col-tracce-splash-nav-testo: #000;
--col-tracce-splash-rotte-sfondo: rgba(255,255,255,0.1);
--col-tracce-splash-rotte-testo: #ffffff;
--col-tracce-splash-rotte-bordo: #f5a623;
--col-tracce-splash-nota: rgba(255,255,255,0.5);

/* --- BADGE NAV --- */
--col-badge-precisione-buona: #00cc88;
--col-badge-precisione-media: #f5a623;
--col-badge-precisione-scarsa: #ff4466;
--col-badge-precisione-ottima: #00cc88;
--col-badge-tramonto-icona: #f5a623;
--col-badge-tramonto-auto: #f5a623;

/* --- HEADER --- */
--col-meta-theme-scuro: #0b1d3a;
--col-meta-theme-chiaro: #ffffff;

}

/* ============ LIGHT MODE ============ */
body.light-mode {
    /* HEADER */
    --col-header-sfondo: #ffffff;
    --col-header-bordo: rgba(11,29,58,0.08);
    --col-header-hamburger: #0b1d3a;
    --col-header-nome: #0b1d3a;
    --col-header-pulsante-bordo: rgba(11,29,58,0.1);
    --col-header-pulsante-testo: #4a5568;
    /* MENU */
    --col-menu-sfondo: #ffffff;
    --col-menu-ombra: rgba(0,0,0,0.1);
    --col-menu-testata-sfondo: #f7f8fa;
    --col-menu-testata-bordo: rgba(11,29,58,0.08);
    --col-menu-avatar-sfondo: #e8ecf2;
    --col-menu-nome: #0b1d3a;
    --col-menu-email: #4a5568;
    --col-menu-voce: #0b1d3a;
    --col-menu-voce-icona: #4a5568;
    --col-menu-voce-hover: #f2f4f7;
    --col-menu-separatore: rgba(11,29,58,0.08);
    --col-menu-badge-sfondo: #e53e3e;
    --col-menu-logout: #e53e3e;
    --col-menu-footer: #a0aec0;
    --col-menu-footer-bordo: rgba(11,29,58,0.08);
    /* BARRA TAB */
    --col-barra-sfondo: #ffffff;
    --col-barra-bordo: rgba(11,29,58,0.08);
    --col-barra-inattivo: #4a5568;
    /* BUSSOLA */
    --col-bussola-sfondo: rgba(255,255,255,0.95);
    --col-bussola-bordo: rgba(11,29,58,0.15);
    --col-bussola-testo: #0b1d3a;
    --col-bussola-tacca-piccola: rgba(11,29,58,0.4);
    --col-bussola-tacca-grande: #0b1d3a;
    --col-bussola-centro: #f5a623;
    --col-bussola-lettura-sfondo: rgba(255,255,255,0.95);
    --col-bussola-lettura-bordo: rgba(245,166,35,0.3);
    --col-bussola-lettura-testo: #0b1d3a;
    /* BADGE NAV */
    --col-badge-nav-sfondo: rgba(255,255,255,0.95);
    --col-badge-nav-bordo: rgba(245,166,35,0.25);
    --col-badge-nav-valore: #0b1d3a;
    --col-badge-nav-valore-ombra: none;
    /* CTRL NAV */
    --col-ctrl-nav-sfondo: rgba(255,255,255,0.92);
    --col-ctrl-nav-bordo: rgba(11,29,58,0.12);
    --col-ctrl-nav-icona: #0b1d3a;
    /* PULSANTI MAPPA */
    --col-pulsante-mappa-sfondo: rgba(255,255,255,0.92);
    --col-pulsante-mappa-bordo: rgba(11,29,58,0.12);
    --col-pulsante-mappa-icona: #0b1d3a;
    --col-zoom-sfondo: rgba(255,255,255,0.92);
    --col-zoom-testo: #0b1d3a;
    --col-zoom-bordo: rgba(11,29,58,0.12);
    /* POSIZIONI */
    --col-posizione-bordo: #0b1d3a;
    --col-posizione-ombra-1: rgba(0,0,0,0.3);
    /* PANNELLO */
    --col-pannello-sfondo: #f2f4f7;
    --col-pannello-bordo: rgba(11,29,58,0.1);
    --col-maniglia-sfondo: #f2f4f7;
    --col-maniglia-pillola: rgba(0,0,0,0.2);
    --col-titolo-sfondo: #f2f4f7;
    --col-titolo-ombra: #f2f4f7;
    --col-indietro-sfondo: #f2f4f7;
    --col-indietro-ombra: #f2f4f7;
    --col-toolbar-sfondo: #f2f4f7;
    --col-sticky-sfondo: #f2f4f7;
    --col-scrollbar: rgba(11,29,58,0.1);
    /* CARD */
    --col-card-sfondo: #e8ecf2;
    --col-card-titolo: #0b1d3a;
    --col-card-meta: #4a5568;
    /* TAB */
    --col-tab-sfondo: #e8ecf2;
    --col-tab-testo: #4a5568;
    --col-tab-bordo: rgba(11,29,58,0.1);
    /* PULSANTI */
    --col-pulsante-contorno-bordo: rgba(11,29,58,0.15);
    --col-pulsante-contorno-testo: #0b1d3a;
    --col-pulsante-pericolo-sfondo: #e53e3e;
    --col-pulsante-icona-sfondo: #f2f4f7;
    --col-pulsante-icona-bordo: rgba(11,29,58,0.12);
    --col-pulsante-icona-testo: #4a5568;
    --col-pulsante-nav-bordo: #00aa66;
    --col-pulsante-nav-testo: #00aa66;
    --col-pulsante-elimina-bordo: #e53e3e;
    --col-pulsante-elimina-testo: #e53e3e;
    --col-pulsante-collassa-sfondo: #ffffff;
    --col-pulsante-collassa-testo: #0b1d3a;
    /* FORM */
    --col-form-etichetta: #4a5568;
    --col-form-input-sfondo: #ffffff;
    --col-form-input-bordo: rgba(11,29,58,0.15);
    --col-form-input-testo: #0b1d3a;
    --col-form-focus-glow: rgba(245,166,35,0.12);
    --col-form-checkbox-testo: #4a5568;
    /* LOGIN */
    --col-login-titolo: #0b1d3a;
    --col-login-sottotitolo: #4a5568;
    --col-login-privacy-testo: #0b1d3a;
    --col-login-verifica-testo: #4a5568;
    --col-login-otp-testo: #0b1d3a;
    --col-login-otp-scadenza: #4a5568;
    /* GPS */
    --col-gps-sfondo: #f2f4f7;
    --col-gps-heading: #0b1d3a;
    --col-gps-nastro-sfondo: #ffffff;
    --col-gps-nastro-tacca: #cbd5e0;
    --col-gps-nastro-tacca-grande: #4a5568;
    --col-gps-nastro-testo: #a0aec0;
    --col-gps-coord-valore: #0b1d3a;
    --col-gps-dato-valore: #0b1d3a;
    --col-gps-dato-separatore: #cbd5e0;
    /* CRUSCOTTO */
    --col-nav-xte-sfondo: #f2f4f7;
    --col-nav-xte-ok: #00aa66;
    --col-nav-xte-pericolo: #e53e3e;
    --col-nav-progresso-sfondo: #f2f4f7;
    --col-nav-progresso-grad-2: #00aa66;
    /* WAYPOINT */
    --col-waypoint-pallino-sfondo: #e8ecf2;
    --col-waypoint-pallino-testo: #0b1d3a;
    --col-waypoint-inizio-sfondo: #00aa66;
    --col-waypoint-fine-sfondo: #e53e3e;
    /* ROTTE */
    --col-rotta-inizio: #00aa66;
    --col-rotta-fine: #e53e3e;
    /* TRACCE */
    --col-traccia-inizio: #00aa66;
    --col-traccia-fine: #e53e3e;
    /* TOAST */
    --col-toast-successo: #00aa66;
    --col-toast-errore: #e53e3e;
    --col-toast-avviso-testo: #000;
    /* IMPOSTAZIONI */
    --col-impost-titolo: #0b1d3a;
    --col-impost-etichetta: #4a5568;
    --col-impost-bordo: rgba(11,29,58,0.1);
    --col-impost-vuoto: #4a5568;
    --col-impost-select-sfondo: #ffffff;
    --col-impost-select-bordo: rgba(11,29,58,0.15);
    --col-impost-select-testo: #0b1d3a;
    /* LAYER */
    --col-layer-sfondo: rgba(255,255,255,0.97);
    --col-layer-bordo: rgba(11,29,58,0.1);
    --col-layer-voce: #0b1d3a;
    --col-layer-separatore: rgba(11,29,58,0.1);
    /* POPUP */
    --col-popup-sfondo: #ffffff;
    --col-popup-testo: #0b1d3a;
    --col-popup-punta: #ffffff;
    /* OPZIONI */
    --col-opzione-sfondo: #e8ecf2;
    --col-opzione-bordo: rgba(11,29,58,0.1);
    --col-opzione-testo: #0b1d3a;
    /* SELETTORE ICONA */
    --col-icona-sfondo: #f2f4f7;
    --col-icona-bordo: rgba(11,29,58,0.1);
    /* CHAT */
    --col-chat-altri-sfondo: #e8ecf2;
    --col-chat-altri-testo: #0b1d3a;
    --col-chat-altri-bordo: rgba(11,29,58,0.1);
    --col-chat-altri-vocale-sfondo: #f2f4f7;
    --col-chat-altri-vocale-icona: #0b1d3a;
    --col-chat-input-barra-sfondo: #f2f4f7;
    --col-chat-input-barra-bordo: rgba(11,29,58,0.1);
    --col-chat-input-sfondo: #e8ecf2;
    --col-chat-input-bordo: rgba(11,29,58,0.1);
    --col-chat-input-testo: #0b1d3a;
    --col-chat-mic-sfondo: #e8ecf2;
    --col-chat-mic-bordo: rgba(11,29,58,0.1);
    --col-chat-mic-testo: #0b1d3a;
    --col-chat-data-sep: #4a5568;
    --col-chat-disclaimer: rgba(0,0,0,0.3);
    --col-chat-notifica-sfondo: #e53e3e;
    /* MAREA */
    --col-marea-modale-sfondo: rgba(242,244,247,0.95);
    --col-marea-header-sfondo: #ffffff;
    --col-marea-stazione: #0b1d3a;
    --col-marea-valore: #0b1d3a;
    --col-marea-unita: #0b1d3a;
    --col-marea-freccia: #0b1d3a;
    --col-marea-giorno-sfondo: #ffffff;
    --col-marea-giorno-bordo: rgba(0,0,0,0.08);
    --col-marea-giorno-nome: #0b1d3a;
    --col-marea-giorno-header-bordo: rgba(0,0,0,0.08);
    --col-marea-riga-bordo: rgba(0,0,0,0.06);
    --col-marea-ora: #0b1d3a;
    --col-marea-cm: #0b1d3a;
    --col-marea-freccia-ext: #0b1d3a;
    /* VENTO */
    --col-vento-modale-sfondo: rgba(242,244,247,0.95);
    --col-vento-riga-sfondo: #ffffff;
    --col-vento-riga-bordo: rgba(0,0,0,0.08);
    --col-vento-freccia-riga: #0b1d3a;
    --col-vento-nome: #0b1d3a;
    --col-vento-eye: #0b1d3a;
    --col-vento-direzione: rgba(0,0,0,0.4);
    --col-vento-fisso: #0b1d3a;
    --col-vento-etichette: rgba(0,0,0,0.3);
    --col-vento-unita: rgba(0,0,0,0.3);
    --col-vento-legenda: rgba(0,0,0,0.4);
    /* GUIDA SEARCH */
    --col-guida-search-sfondo: #ffffff;
    --col-guida-search-testo: #1a1a2e;
    --col-guida-search-bordo: #d0d5dd;
    --col-guida-search-placeholder: rgba(0,0,0,0.35);
    --col-guida-search-conteggio: #0b1d3a;
    --col-guida-search-btn-sfondo: #ffffff;
    --col-guida-search-btn-testo: #1a1a2e;
    --col-guida-search-btn-bordo: #d0d5dd;
    --col-guida-highlight: rgba(245,166,35,0.2);
    /* PWA */
    --col-pwa-sfondo: #e8ecf2;
    --col-pwa-chiudi: #4a5568;
    /* HEADER */
    --col-header-brand-filter-notte: none;
    /* PULSANTI */
    --col-pulsante-successo-sfondo: #00aa66;
    /* MODALE */
    --col-splash-sfondo: rgba(242,244,247,0.94);
    --col-splash-sfondo-2: rgba(242,244,247,0.95);
    --col-live-overlay: rgba(242,244,247,0.92);
    /* TESTI */
    --col-testo-info: #0b1d3a;
    --col-testo-dim: #4a5568;
    --col-testo-hint: #a0aec0;
    /* CARD */
    --col-sfondo-card-gen: #e8ecf2;
    --col-sfondo-sec-gen: #f2f4f7;
    /* BORDI */
    --col-bordo-gen: rgba(11,29,58,0.1);
    /* STATO */
    --col-pericolo-gen: #e53e3e;
    --col-successo-gen: #00aa66;
    /* HELPDESK */
    --col-ticket-notifica: #e53e3e;
    /* PROFILO */
    --col-profilo-avatar-sfondo: #f2f4f7;
    --col-profilo-stat-etichetta: #4a5568;
    /* AGGIORNAMENTO */
    --col-aggiornamento-testo: #0b1d3a;
    --col-aggiornamento-dopo-sfondo: rgba(0,0,0,0.08);
    --col-aggiornamento-dopo-testo: rgba(0,0,0,0.6);
    --col-aggiornamento-dopo-bordo: rgba(0,0,0,0.15);
    /* TRACCE REC */
    --col-tracce-splash-testo: #0b1d3a;
    --col-tracce-splash-rotte-sfondo: rgba(0,0,0,0.1);
    --col-tracce-splash-rotte-testo: #0b1d3a;
    --col-tracce-splash-nota: rgba(0,0,0,0.5);
    /* BADGE NAV */
    --col-badge-precisione-buona: #00aa66;
    --col-badge-precisione-scarsa: #e53e3e;
    --col-badge-precisione-ottima: #00aa66;
    /* HEADER */
    --col-meta-theme-scuro: #ffffff;
}

/* ============ NIGHT MODE ============ */
body.night-mode {
    /* TESTO GENERALE */
    --col-testo-chiaro: #cc0000;
    /* HEADER */
    --col-header-sfondo: #000;
    --col-header-bordo: rgba(100,0,0,0.3);
    --col-header-hamburger: #cc0000;
    --col-header-nome: #cc0000;
    --col-header-pulsante-bordo: rgba(150,0,0,0.25);
    --col-header-pulsante-testo: #880000;
    /* MENU */
    --col-menu-sfondo: #0a0000;
    --col-menu-ombra: rgba(100,0,0,0.3);
    --col-menu-testata-sfondo: #000;
    --col-menu-testata-bordo: rgba(100,0,0,0.3);
    --col-menu-avatar-sfondo: #100000;
    --col-menu-avatar-bordo: #880000;
    --col-menu-nome: #cc0000;
    --col-menu-email: #660000;
    --col-menu-visibilita: #cc0000;
    --col-menu-voce: #cc0000;
    --col-menu-voce-icona: #cc0000;
    --col-menu-voce-hover: #100000;
    --col-menu-separatore: rgba(100,0,0,0.3);
    --col-menu-badge-sfondo: #cc0000;
    --col-menu-logout: #cc0000;
    --col-menu-footer: #440000;
    --col-menu-footer-bordo: rgba(100,0,0,0.3);
    /* BARRA TAB */
    --col-barra-sfondo: #000;
    --col-barra-bordo: rgba(100,0,0,0.3);
    --col-barra-inattivo: #550000;
    --col-barra-attivo: #cc0000;
    /* BUSSOLA */
    --col-bussola-sfondo: rgba(0,0,0,0.95);
    --col-bussola-bordo: rgba(150,0,0,0.4);
    --col-bussola-testo: #660000;
    --col-bussola-tacca-piccola: #440000;
    --col-bussola-tacca-grande: #660000;
    --col-bussola-cardinale: #cc0000;
    --col-bussola-tacca-cardinale: #cc0000;
    --col-bussola-centro: #cc0000;
    --col-bussola-lettura-sfondo: rgba(0,0,0,0.95);
    --col-bussola-lettura-bordo: rgba(150,0,0,0.4);
    --col-bussola-lettura-testo: #cc0000;
    --col-bussola-bearing: #cc0000;
    --col-bussola-bearing-freccia: #cc0000;
    /* BADGE NAV */
    --col-badge-nav-sfondo: rgba(0,0,0,0.95);
    --col-badge-nav-bordo: rgba(150,0,0,0.4);
    --col-badge-nav-etichetta: #cc0000;
    --col-badge-nav-valore: #cc0000;
    --col-badge-nav-valore-ombra: none;
    --col-badge-nav-unita: #880000;
    --col-badge-nav-xte-ok: #cc0000;
    --col-badge-nav-xte-avviso: #cc0000;
    --col-badge-nav-xte-pericolo: #cc0000;
    --col-badge-nav-progresso: #cc0000;
    /* CTRL NAV */
    --col-ctrl-nav-sfondo: rgba(0,0,0,0.95);
    --col-ctrl-nav-bordo: rgba(150,0,0,0.4);
    --col-ctrl-nav-icona: #cc0000;
    --col-ctrl-nav-premuto: #cc0000;
    /* PULSANTI MAPPA */
    --col-pulsante-mappa-sfondo: rgba(0,0,0,0.95);
    --col-pulsante-mappa-bordo: rgba(150,0,0,0.4);
    --col-pulsante-mappa-icona: #cc0000;
    --col-pulsante-mappa-attivo: #cc0000;
    --col-zoom-sfondo: rgba(0,0,0,0.95);
    --col-zoom-testo: #cc0000;
    --col-zoom-bordo: rgba(150,0,0,0.4);
    /* POSIZIONI */
    --col-posizione-sfondo: #cc0000;
    --col-posizione-bordo: #550000;
    --col-posizione-ombra-2: rgba(200,0,0,0.3);
    /* PANNELLO */
    --col-pannello-sfondo: #000;
    --col-pannello-bordo: rgba(150,0,0,0.25);
    --col-maniglia-sfondo: #000;
    --col-maniglia-pillola: rgba(255,60,60,0.3);
    --col-titolo-sfondo: #000;
    --col-titolo-ombra: #000;
    --col-indietro-sfondo: #000;
    --col-indietro-ombra: #000;
    --col-toolbar-sfondo: #000;
    --col-sticky-sfondo: #000;
    --col-scrollbar: rgba(150,0,0,0.25);
    /* CARD */
    --col-card-sfondo: #0a0000;
    --col-card-titolo: #cc0000;
    --col-card-meta: #880000;
    /* TAB */
    --col-tab-sfondo: #0a0000;
    --col-tab-testo: #660000;
    --col-tab-bordo: rgba(150,0,0,0.25);
    --col-tab-attiva-sfondo: #880000;
    /* PULSANTI */
    --col-pulsante-primario-grad-1: #880000;
    --col-pulsante-primario-grad-2: #880000;
    --col-pulsante-contorno-bordo: rgba(150,0,0,0.3);
    --col-pulsante-contorno-testo: #cc0000;
    --col-pulsante-pericolo-sfondo: #880000;
    --col-pulsante-icona-sfondo: #0a0000;
    --col-pulsante-icona-bordo: rgba(150,0,0,0.25);
    --col-pulsante-icona-testo: #cc0000;
    --col-pulsante-icona-hover-bordo: #cc0000;
    --col-pulsante-icona-hover-testo: #cc0000;
    --col-pulsante-nav-bordo: #cc0000;
    --col-pulsante-nav-testo: #cc0000;
    --col-pulsante-elimina-bordo: #cc0000;
    --col-pulsante-elimina-testo: #cc0000;
    --col-pulsante-collassa-sfondo: #0a0000;
    --col-pulsante-collassa-bordo: #cc0000;
    --col-pulsante-collassa-testo: #cc0000;
    /* FORM */
    --col-form-etichetta: #cc0000;
    --col-form-input-sfondo: #0a0000;
    --col-form-input-bordo: rgba(150,0,0,0.3);
    --col-form-input-testo: #cc0000;
    --col-form-focus-bordo: #cc0000;
    --col-form-focus-glow: rgba(200,0,0,0.3);
    --col-form-checkbox: #cc0000;
    --col-form-checkbox-testo: #cc0000;
    /* LOGIN */
    --col-login-titolo: #cc0000;
    --col-login-brand: #cc0000;
    --col-login-sottotitolo: #880000;
    --col-login-link: #cc0000;
    --col-login-privacy-testo: #cc0000;
    --col-login-privacy-link: #cc0000;
    --col-login-verifica-icona: #cc0000;
    --col-login-verifica-titolo: #cc0000;
    --col-login-verifica-testo: #880000;
    --col-login-otp-icona: #cc0000;
    --col-login-otp-titolo: #cc0000;
    --col-login-otp-testo: #cc0000;
    --col-login-otp-scadenza: #880000;
    /* GPS */
    --col-gps-heading: #cc0000;
    --col-gps-nastro-sfondo: #0a0000;
    --col-gps-nastro-bordo: #880000;
    --col-gps-nastro-centro: #cc0000;
    --col-gps-nastro-tacca: #330000;
    --col-gps-nastro-tacca-grande: #660000;
    --col-gps-nastro-testo: #550000;
    --col-gps-nastro-cardinale: #cc0000;
    --col-gps-nastro-tacca-cardinale: #cc0000;
    --col-gps-coord-etichetta: #cc0000;
    --col-gps-coord-valore: #cc0000;
    --col-gps-dato-etichetta: #cc0000;
    --col-gps-dato-valore: #cc0000;
    --col-gps-dato-separatore: #440000;
    /* CRUSCOTTO */
    --col-nav-dato-etichetta: #880000;
    --col-nav-dato-valore: #cc0000;
    --col-nav-dato-sotto: #880000;
    --col-nav-xte-sfondo: #0a0000;
    --col-nav-xte-ok: #cc0000;
    --col-nav-xte-avviso: #cc0000;
    --col-nav-xte-pericolo: #cc0000;
    --col-nav-progresso-sfondo: #0a0000;
    --col-nav-progresso-grad-1: #cc0000;
    --col-nav-progresso-grad-2: #cc0000;
    /* WAYPOINT */
    --col-waypoint-numero-sfondo: #cc0000;
    --col-waypoint-pallino-sfondo: #0a0000;
    --col-waypoint-pallino-bordo: #cc0000;
    --col-waypoint-pallino-testo: #cc0000;
    --col-waypoint-inizio-sfondo: #cc0000;
    --col-waypoint-fine-sfondo: #cc0000;
    --col-waypoint-modifica: #cc0000;
    /* ROTTE */
    --col-rotta-default: #cc0000;
    --col-rotta-inizio: #cc0000;
    --col-rotta-fine: #cc0000;
    /* TRACCE */
    --col-traccia-linea: #cc0000;
    --col-traccia-inizio: #cc0000;
    --col-traccia-fine: #cc0000;
    /* TOAST */
    --col-toast-successo: #660000;
    --col-toast-errore: #cc0000;
    --col-toast-avviso-sfondo: #880000;
    --col-toast-avviso-testo: #cc0000;
    --col-toast-info-sfondo: #880000;
    --col-toast-info-testo: #ffffff;
    /* IMPOSTAZIONI */
    --col-impost-titolo: #cc0000;
    --col-impost-etichetta: #cc0000;
    --col-impost-bordo: rgba(150,0,0,0.25);
    --col-impost-badge-etichetta: #cc0000;
    --col-impost-vuoto: #880000;
    --col-impost-select-sfondo: #0a0000;
    --col-impost-select-bordo: rgba(150,0,0,0.3);
    --col-impost-select-testo: #cc0000;
    /* LAYER */
    --col-layer-sfondo: rgba(0,0,0,0.95);
    --col-layer-bordo: rgba(150,0,0,0.4);
    --col-layer-titolo: #cc0000;
    --col-layer-voce: #cc0000;
    --col-layer-separatore: rgba(150,0,0,0.25);
    --col-layer-radio: #cc0000;
    /* POPUP */
    --col-popup-sfondo: #0d0000;
    --col-popup-testo: #cc0000;
    --col-popup-punta: #0d0000;
    /* OPZIONI */
    --col-opzione-sfondo: #0a0000;
    --col-opzione-bordo: rgba(150,0,0,0.25);
    --col-opzione-testo: #cc0000;
    --col-opzione-hover: #cc0000;
    /* SELETTORE ICONA */
    --col-icona-sfondo: #0a0000;
    --col-icona-bordo: rgba(150,0,0,0.25);
    --col-icona-attiva-sfondo: #cc0000;
    --col-icona-attiva-bordo: #cc0000;
    --col-icona-hover: #cc0000;
    /* CHAT */
    --col-chat-mio-sfondo: #cc0000;
    --col-chat-altri-sfondo: #0a0000;
    --col-chat-altri-testo: #cc0000;
    --col-chat-altri-bordo: rgba(150,0,0,0.25);
    --col-chat-altri-vocale-sfondo: #0a0000;
    --col-chat-altri-vocale-icona: #cc0000;
    --col-chat-mittente: #cc0000;
    --col-chat-vocale-scaduto: #660000;
    --col-chat-input-barra-sfondo: #0a0000;
    --col-chat-input-barra-bordo: rgba(150,0,0,0.25);
    --col-chat-input-sfondo: #0a0000;
    --col-chat-input-bordo: rgba(150,0,0,0.25);
    --col-chat-input-testo: #cc0000;
    --col-chat-invio-sfondo: #cc0000;
    --col-chat-mic-sfondo: #0a0000;
    --col-chat-mic-bordo: rgba(150,0,0,0.25);
    --col-chat-mic-testo: #cc0000;
    --col-chat-mic-rec-sfondo: #cc0000;
    --col-chat-mic-rec-bordo: #cc0000;
    --col-chat-rec-barra: #cc0000;
    --col-chat-data-sep: #880000;
    --col-chat-badge-sfondo: #cc0000;
    --col-chat-notifica-sfondo: #cc0000;
    /* AVVISI */
    --col-avviso-gps-sfondo: #880000;
    --col-avviso-gps-testo: #ddd;
    --col-avviso-rete-sfondo: #660000;
    --col-avviso-rete-testo: #ddd;
    --col-avviso-ok-sfondo: rgba(255,255,255,0.1);
    --col-avviso-ok-testo: #ddd;
    --col-avviso-ok-bordo: rgba(255,255,255,0.2);
    /* TRACCE REC */
    --col-tracce-rec-icona: #cc0000;
    --col-tracce-rec-punto: #cc0000;
    /* MAREA */
    --col-marea-modale-sfondo: rgba(0,0,0,0.95);
    --col-marea-header-sfondo: #0a0000;
    --col-marea-stazione: #ddd;
    --col-marea-valore: #cc0000;
    --col-marea-unita: #cc0000;
    --col-marea-freccia: #cc0000;
    --col-marea-giorno-sfondo: #0a0000;
    --col-marea-giorno-bordo: rgba(100,0,0,0.3);
    --col-marea-giorno-nome: #cc0000;
    --col-marea-giorno-header-bordo: rgba(100,0,0,0.2);
    --col-marea-riga-bordo: rgba(100,0,0,0.15);
    --col-marea-ora: #cc0000;
    --col-marea-cm: #cc0000;
    --col-marea-freccia-ext: #cc0000;
    --col-marea-badge-freccia: #cc0000;
    --col-marea-badge-extra: #cc0000;
    --col-marea-badge-valore: #cc0000;
    /* VENTO */
    --col-vento-freccia-badge: #cc0000;
    --col-vento-modale-sfondo: rgba(0,0,0,0.95);
    --col-vento-riga-sfondo: #0a0000;
    --col-vento-riga-bordo: rgba(100,0,0,0.3);
    --col-vento-riga-attiva-bordo: #cc0000;
    --col-vento-freccia-riga: #cc0000;
    --col-vento-nome: #cc0000;
    --col-vento-eye: #cc0000;
    --col-vento-direzione: #cc0000;
    --col-vento-fisso: #cc0000;
    --col-vento-etichette: #cc0000;
    --col-vento-unita: #cc0000;
    --col-vento-legenda: #cc0000;
    /* SCALA COLORI — tutto rosso in night mode */
    --col-scala-critico: #cc0000;
    --col-scala-alto: #cc0000;
    --col-scala-medio: #cc0000;
    --col-scala-normale: #cc0000;
    --col-scala-basso: #cc0000;
    --col-scala-minimo: #cc0000;
    /* GUIDA SEARCH */
    --col-guida-search-sfondo: #1a0000;
    --col-guida-search-testo: #ddd;
    --col-guida-search-bordo: #440000;
    --col-guida-search-placeholder: rgba(200,200,200,0.3);
    --col-guida-search-focus: #cc0000;
    --col-guida-search-conteggio: #ddd;
    --col-guida-search-btn-sfondo: #1a0000;
    --col-guida-search-btn-testo: #ddd;
    --col-guida-search-btn-bordo: #440000;
    --col-guida-search-btn-premuto: #cc0000;
    --col-guida-highlight: rgba(200,0,0,0.2);
    --col-guida-highlight-attiva-sfondo: #cc0000;
    /* PAN PAN */
    --col-panpan-cat-bordo: #cc0000;
    --col-panpan-cat-sfondo: rgba(200,0,0,0.15);
    /* SECURITE */
    --col-securite-cat-bordo: #cc0000;
    --col-securite-cat-sfondo: rgba(200,0,0,0.15);
    /* PWA */
    --col-pwa-sfondo: #0a0000;
    --col-pwa-bordo: #cc0000;
    --col-pwa-chiudi: #880000;
    /* PULSANTI */
    --col-pulsante-successo-sfondo: #cc0000;
    --col-pulsante-avviso-testo: #cc0000;
    /* MODALE */
    --col-splash-sfondo: rgba(0,0,0,0.94);
    --col-splash-sfondo-2: rgba(0,0,0,0.95);
    --col-live-overlay: rgba(120,0,0,0.92);
    /* ACCENTO */
    --col-accento-brand: #cc0000;
    /* TESTI */
    --col-testo-info: #ddd;
    --col-testo-dim: #880000;
    --col-testo-hint: #550000;
    /* CARD */
    --col-sfondo-card-gen: #0a0000;
    --col-sfondo-sec-gen: #0a0000;
    /* BORDI */
    --col-bordo-gen: rgba(150,0,0,0.25);
    /* STATO */
    --col-pericolo-gen: #cc0000;
    --col-successo-gen: #cc0000;
    --col-avviso-gen: #cc0000;
    /* HELPDESK */
    --col-ticket-nuovo: #cc0000;
    --col-ticket-admin-sfondo: rgba(200,0,0,0.1);
    --col-ticket-admin-bordo: rgba(200,0,0,0.2);
    --col-ticket-notifica: #cc0000;
    /* INTERCEPT */
    --col-intercept-info-sfondo: rgba(200,0,0,0.15);
    --col-intercept-difficile-sfondo: rgba(200,0,0,0.15);
    /* PAN PAN */
    --col-panpan-marker-bordo: #cc0000;
    --col-pampam-marker-bordo: #cc0000;
    /* CARBURANTE */
    --col-carburante-pieno: #cc0000;
    --col-carburante-medio: #880000;
    /* PROFILO */
    --col-profilo-avatar-bordo: #cc0000;
    --col-profilo-avatar-sfondo: #0a0000;
    --col-profilo-stat-valore: #cc0000;
    --col-profilo-stat-etichetta: #880000;
    /* AGGIORNAMENTO */
    --col-aggiornamento-titolo: #cc0000;
    --col-aggiornamento-testo: #ddd;
    --col-aggiornamento-pulsante-sfondo: #cc0000;
    --col-aggiornamento-pulsante-testo: #ffffff;
    /* TRACCE REC */
    --col-tracce-splash-titolo: #cc0000;
    --col-tracce-splash-testo: #ddd;
    --col-tracce-splash-nav-sfondo: #cc0000;
    --col-tracce-splash-nav-testo: #ffffff;
    --col-tracce-splash-rotte-testo: #ddd;
    --col-tracce-splash-rotte-bordo: #cc0000;
    /* BADGE NAV */
    --col-badge-tramonto-icona: #cc0000;
    --col-badge-tramonto-auto: #cc0000;
    /* HEADER */
    --col-meta-theme-scuro: #000;
}