/*
 * Claros — Custom Filament Theme Overrides
 *
 * Brand palette:
 *   --blushed-brick:  #BF4646  primary red      → buttons, active states, badges
 *   --pacific-blue:   #7EACB5  secondary teal   → info / secondary accents
 *   --alice-blue:     #E5EEF0  cool blue-gray   → sidebar background
 *   --snow:           #F5F6F7  light gray-white  → page / content background
 *   --rich-mahogany:  #3D1515  dark warm brown  → sidebar text, borders, dark accents
 */

/* ── Web font ─────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wdth,wght@0,75..100,400..700;1,75..100,400..700&display=swap');

/* ── Page / content background ───────────────────────────────────────────── */
body.fi-body {
    background-color: #F5F6F7 !important;
}

/* ── Sidebar ──────────────────────────────────────────────────────────────── */
.fi-sidebar {
    background-color: #E5EEF0 !important;
    box-shadow: none !important;
    border-right: 1px solid rgba(61, 21, 21, 0.12) !important;
}

/* Sidebar header (logo / brand area) */
.fi-sidebar-header {
    background-color: #E5EEF0 !important;
    border-bottom: 1px solid rgba(61, 21, 21, 0.08) !important;
}

/* Sidebar nav item text and icons */
.fi-sidebar-nav .fi-sidebar-item-label,
.fi-sidebar-nav .fi-sidebar-group-label {
    color: #3D1515 !important;
}

.fi-sidebar-nav .fi-sidebar-item-icon {
    color: rgba(61, 21, 21, 0.65) !important;
}

/* Active / hover nav item */
.fi-sidebar-nav .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-nav .fi-sidebar-item:hover .fi-sidebar-item-label {
    color: #BF4646 !important;
}

.fi-sidebar-nav .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-nav .fi-sidebar-item:hover .fi-sidebar-item-icon {
    color: #BF4646 !important;
}

/* ── Topbar ───────────────────────────────────────────────────────────────── */
.fi-topbar nav {
    background-color: #F5F6F7 !important;
    box-shadow: 0 1px 0 0 rgba(61, 21, 21, 0.08) !important;
}

/* ── Login / auth page background ────────────────────────────────────────── */
.fi-simple-layout,
.fi-simple-main {
    background-color: #F5F6F7 !important;
}