/*
 * Charte Predikt (design.predikt.live/v3, V3.2) posée sur le tableau de bord Filament,
 * sans thème compilé : interface neutre paper / white / stone / ink, Host Grotesk 300-500,
 * chartreuse en petite touche seulement (élément actif). Thème clair seulement : le mode
 * sombre de Filament reste le sien.
 */
:root {
    --pk-paper: #f2f2ee;
    --pk-white: #ffffff;
    --pk-stone: #e7e7e1;
    --pk-ink: #151515;
    --pk-muted: #5e5e58;
    --pk-border: rgba(21, 21, 21, 0.08);
    --pk-signature: #d4f53c;
}

html:not(.dark) .fi-body,
html:not(.dark) .fi-simple-layout { background: var(--pk-paper); color: var(--pk-ink); }

html:not(.dark) .fi-sidebar,
html:not(.dark) .fi-topbar nav,
html:not(.dark) .fi-topbar { background: var(--pk-paper); box-shadow: none; }
html:not(.dark) .fi-sidebar { border-inline-end: 1px solid var(--pk-border); }
html:not(.dark) .fi-topbar nav { border-bottom: 1px solid var(--pk-border); }

/* Cartes : blanches, filet fin, pas d'ombre. */
html:not(.dark) .fi-section,
html:not(.dark) .fi-wi-stats-overview-stat,
html:not(.dark) .fi-ta-ctn,
html:not(.dark) .fi-simple-main {
    background: var(--pk-white);
    box-shadow: none;
    --tw-ring-color: var(--pk-border);
    border-radius: 14px;
}

/* Typographie : titres fins, jamais de gras au-delà de 500. */
.fi-header-heading { font-weight: 300; letter-spacing: -0.02em; }
.fi-wi-stats-overview-stat-value { font-weight: 300; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.fi-section-header-heading, .fi-ta-header-heading, .fi-simple-header-heading { font-weight: 500; }
.fi-body :is(b, strong, th, .font-bold, .font-semibold) { font-weight: 500; }
html:not(.dark) .fi-sidebar-group-label { color: var(--pk-muted); font-weight: 400; letter-spacing: 0.04em; }

/* Navigation : pastille stone sur la page courante, une touche chartreuse. */
html:not(.dark) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: var(--pk-stone);
    box-shadow: inset 3px 0 0 var(--pk-signature);
}
html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-label { color: var(--pk-ink); font-weight: 500; }
html:not(.dark) .fi-sidebar-item-btn:hover { background: var(--pk-stone); }

/* Boutons pleins en ink, arrondis comme les li-btn. */
.fi-btn { border-radius: 999px; font-weight: 500; }