:root {
    /* Colori di base (fallback) */
    --background-color: #000000; /* Sfondo principale */
    --text-color: #ffffff; /* Testo principale */
    --text-color-muted: #a0a0a0; /* Testo secondario o meno importante */
    --primary-color: #FBBF24; /* Colore primario (es. giallo) */
    --primary-text-color: #000000; /* Testo su colore primario */
    --secondary-color: #3b82f6; /* Colore secondario (es. blu) */
    --accent-color: #DC2626; /* Colore per accenti (es. rosso per bottoni) */
    --accent-text-color: #ffffff; /* Testo su colore accento */
    --card-background-color: #111827; /* Sfondo per le card o sezioni */
    --border-color: #404040; /* Colore dei bordi */
    --border-color-hover: #404040; /* Colore dei bordi allo stato hover */
    --pwa-popup-background-color: #1f2937; /* Sfondo del pop-up PWA */
    --pwa-popup-border-color: rgba(255, 255, 255, 0.2); /* Bordo del pop-up PWA */
    --slider-track-color: #1f2937; /* Colore della traccia dello slider */
    --slider-thumb-color: #3b82f6; /* Colore del cursore dello slider */
    --slider-thumb-hover-color: #60a5fa; /* Colore del cursore dello slider in hover */
    --facebook-color: #2563EB; /* Colore per il pulsante Facebook */
    --whatsapp-color: #22C55E; /* Colore per il pulsante WhatsApp */
    --iononrischio-color: #FBBF24; /* Colore per il pulsante IoNonRischio */
    --comunichiamo-color: #6366F1; /* Colore per il pulsante Comuni-Chiamo */
    --leaflet-attribution-text-color: #000; /* Colore del testo di attribuzione di Leaflet */
    --icon-color: #ffffff; /* Colore delle icone SVG */
}

[data-theme="dark"] {
    --background-color: #000000;
    --text-color: #ffffff;
    --text-color-muted: #a0a0a0;
    --primary-color: #FBBF24;
    --primary-text-color: #000000;
    --secondary-color: #3b82f6;
    --accent-color: #DC2626;
    --accent-text-color: #ffffff;
    --card-background-color: #111827;
    --border-color: #404040;
    --border-color-hover: #404040;
    --pwa-popup-background-color: #1f2937;
    --pwa-popup-border-color: rgba(255, 255, 255, 0.2);
    --slider-track-color: #1f2937;
    --slider-thumb-color: #3b82f6;
    --slider-thumb-hover-color: #60a5fa;
    --facebook-color: #2563EB;
    --whatsapp-color: #22C55E;
    --iononrischio-color: #FBBF24;
    --comunichiamo-color: #6366F1;
    --leaflet-attribution-text-color: #000;
    --icon-color: #ffffff;
}

[data-theme="light"] {
    --background-color: #ffffff;
    --text-color: #000000;
    --text-color-muted: #6b7280;
    --primary-color: #db9e05;
    --primary-text-color: #000000;
    --secondary-color: #3b82f6;
    --accent-color: #DC2626;
    --accent-text-color: #ffffff;
    --card-background-color: #6e8ac4;
    --border-color: #d1d5db;
    --border-color-hover: #9ca3af;
    --pwa-popup-background-color: #404040;
    --pwa-popup-border-color: rgba(0, 0, 0, 0.1);
    --slider-track-color: #d1d5db;
    --slider-thumb-color: #3b82f6;
    --slider-thumb-hover-color: #60a5fa;
    --facebook-color: #2563EB;
    --whatsapp-color: #22C55E;
    --iononrischio-color: #FBBF24;
    --comunichiamo-color: #6366F1;
    --leaflet-attribution-text-color: #ffffff;
    --icon-color: #fff;
}