/*
 * Arricchimento del tema CHIARO con i colori configurati dall'admin
 * (primario/secondario, vedi Impostazioni > Aspetto del sito). Richiesta
 * esplicita dell'utente, in due passaggi:
 *  1) prima versione: solo tinte leggere (primary-50) — giudicata troppo
 *     timida, "le scritte e l'area dei bottoni si perdono troppo
 *     facilmente".
 *  2) questa versione: molto piu' contrasto, sidebar e barra superiore
 *     scure/sature ("un tema chiaro che tenda allo scuro"), l'area di
 *     lavoro (tabelle, form, testo) resta invece chiara/bianca per il
 *     massimo contrasto — e' li' che serve leggere bene, non nella
 *     cornice. Tutti i colori restano guardati con "html:not(.dark)":
 *     il tema scuro vero e proprio non va toccato in alcun modo.
 *
 * File statico caricato via <link> (stesso meccanismo di
 * accessibility.css, vedi ConfiguresSharedPanelSettings): CSS scritto a
 * mano, non classi Tailwind — vedi gds-filament-custom-page-css per il
 * perche'.
 */

html:not(.dark) body {
    background-color: var(--gray-50);
}

/* --- Barra laterale: sfondo scuro e saturo, non piu' bianco. --- */
html:not(.dark) .fi-sidebar {
    background-color: var(--primary-800);
}

html:not(.dark) .fi-sidebar-header,
html:not(.dark) .fi-sidebar-header *,
html:not(.dark) .fi-tenant-menu-trigger,
html:not(.dark) .fi-tenant-menu-trigger *,
html:not(.dark) .fi-sidebar-item-btn,
html:not(.dark) .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item-icon {
    color: var(--primary-100);
}

html:not(.dark) .fi-sidebar-group-label {
    color: var(--primary-200);
}

html:not(.dark) .fi-sidebar-item-btn:hover,
html:not(.dark) .fi-sidebar-item-btn:hover * {
    background-color: var(--primary-600);
    color: #fff;
}

/* L'elemento di navigazione attivo ha gia' di suo (da Filament) una
   pillola CHIARA (quasi bianca) con testo colorato — la regola generale
   qui sopra pero' schiarisce ANCHE quel testo (stessa selettore
   .fi-sidebar-item-label), rendendolo quasi invisibile sulla sua stessa
   pillola chiara: va ridichiarato scuro qui, dopo, per vincere sulla
   regola generale. */
html:not(.dark) .fi-active .fi-sidebar-item-btn,
html:not(.dark) .fi-active .fi-sidebar-item-label,
html:not(.dark) .fi-active .fi-sidebar-item-icon {
    color: var(--primary-700);
}

/* --- Barra superiore: stessa tinta scura della sidebar, per un
   "involucro" colorato coerente — l'area di lavoro sotto resta bianca. --- */
html:not(.dark) .fi-topbar {
    background-color: var(--primary-800);
}

html:not(.dark) .fi-topbar .fi-logo,
html:not(.dark) .fi-topbar .fi-logo * {
    color: var(--primary-100);
}

html:not(.dark) .fi-topbar-open-sidebar-btn,
html:not(.dark) .fi-topbar-close-sidebar-btn {
    color: var(--primary-100);
}

/* --- Tabelle/sezioni: bordo piu' marcato e intestazione tinta, cosi' non
   si confondono con lo sfondo bianco della pagina. --- */
html:not(.dark) .fi-ta-header-cell {
    background-color: var(--primary-100);
}

html:not(.dark) .fi-ta-content,
html:not(.dark) .fi-section-content-ctn {
    border: 1.5px solid var(--primary-300);
}

/* Le card statistiche della dashboard: un accento verticale nel colore
   secondario, invece della card grigia piatta di default. */
html:not(.dark) .fi-wi-stats-overview-stat {
    border-inline-start: 4px solid var(--secondary-500);
}