/* ============================================
   Vintage Bazar Theme — Filament Admin Panel
   ============================================ */

:root {
    --color-vintage-dark:   #2a2826;
    --color-vintage-accent: #c05621;
    --color-vintage-gold:   #b79857;
    --color-vintage-muted:  #8c8c88;
    --color-vintage-red:    #e53e3e;
    --color-bazar-dark:     #1c1b1a;
    --color-bazar-accent:   #d97706;
    --color-bazar-light:    #f3f4f6;
    --color-bazar-cream:    #fffaf0;
    --color-vintage-cream:  #f9f7f2;
}

/* ── Background ───────────────────────────── */
html,
body,
.fi-body {
    background-color: var(--color-vintage-cream) !important;
}

/* ── Sidebar ──────────────────────────────── */
.fi-sidebar {
    background-color: var(--color-bazar-dark) !important;
    border-right-color: var(--color-vintage-dark) !important;
}

.fi-sidebar-nav-group-label {
    color: var(--color-vintage-gold) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.7rem;
}

.fi-sidebar-item-button:hover {
    background-color: rgba(183, 152, 87, 0.12) !important;
}

/* ── Brand / Logo ─────────────────────────── */
.fi-logo {
    color: var(--color-vintage-gold) !important;
}

/* ── Typography — headings use ui-serif ─────── */
h1, h2, h3, h4, h5, h6,
.fi-header-heading,
.fi-section-header-heading,
.fi-modal-heading,
.fi-resource-header-heading,
.fi-ta-header-heading,
.fi-wi-stats-overview-stat-label {
    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
    letter-spacing: -0.01em;
}

/* ── Cards / Sections ─────────────────────── */
.fi-section {
    background-color: var(--color-bazar-cream) !important;
    border-color: rgba(183, 152, 87, 0.25) !important;
}

/* ── Topbar ───────────────────────────────── */
.fi-topbar {
    background-color: var(--color-bazar-cream) !important;
    border-bottom-color: rgba(183, 152, 87, 0.25) !important;
}

/* ── Tables ───────────────────────────────── */
.fi-ta-header-cell {
    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
    color: var(--color-vintage-muted);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.72rem;
}

/* ── Badges ───────────────────────────────── */
.fi-badge {
    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
}

/* ── Dark mode overrides ──────────────────── */
.dark html,
.dark body,
.dark .fi-body {
    background-color: var(--color-bazar-dark) !important;
}

.dark .fi-section {
    background-color: var(--color-vintage-dark) !important;
    border-color: rgba(183, 152, 87, 0.15) !important;
}

.dark .fi-topbar {
    background-color: var(--color-vintage-dark) !important;
    border-bottom-color: rgba(183, 152, 87, 0.15) !important;
}