/*
 * Warm Ember tokens for the admin panel (tailwind-design-plan.md §2.1),
 * applied as plain CSS rather than a Tailwind v3 theme build — see
 * plan.md / implementation-progress.md 2026-07-19 for why: this app's own
 * Vite setup is Tailwind v4, and Filament 3.3's official theming pipeline
 * expects a Tailwind v3 config, so mixing them for one custom build was a
 * real risk. Filament's Panel::colors() (see AdminPanelProvider) already
 * covers primary/success/warning/danger/info; this file covers what that
 * API can't reach — dark surface/background tokens and the sand "you are
 * here" active-nav rule (Constitution Principle IV: sand marks state,
 * never a button).
 */

/*
 * Every rule below is scoped to `.dark` (2026-08-12 fix) — Filament toggles
 * a `dark` class on <html> for dark mode, including when the "System"
 * setting resolves to dark (resources/js/dark-mode.js). Unscoped, these
 * forced a dark background in EVERY mode (light and system-light included)
 * while Filament's own light-mode text colors stayed dark-on-light as
 * designed — the combination was dark text on a forced-dark background,
 * i.e. unreadable headings, in light/system-light mode. Scoping to `.dark`
 * means light mode now falls through untouched to Filament's own (correct)
 * light theme, and only real dark mode gets these Warm Ember tokens.
 */

.dark .fi-body {
    background-color: #1c1917;
}

.dark .fi-sidebar {
    background-color: #292524;
    border-color: #44403c;
}

.dark .fi-topbar nav {
    background-color: #292524;
}

/* Sand = "you are here" — active sidebar item only, never a button fill. */
.dark .fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: rgba(212, 165, 116, 0.15);
    color: #d4a574;
}

.dark .fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #d4a574;
}