/* =========================================
   1. VARIABLES & THEMING — Warm Luxury Dark
   ========================================= */

:root {
    /* Typography */
    --font-body: 'DM Sans', sans-serif;
    --font-display: 'Playfair Display', Georgia, serif;

    /* Accent Palette */
    --accent: #d97706;
    --accent-light: #f59e0b;
    --accent-lighter: #fbbf24;
    --accent-glow: rgba(217, 119, 6, 0.35);
    --accent-subtle: rgba(217, 119, 6, 0.12);

    /* Radii */
    --radius-pill: 50rem;
    --radius-2xl: 1.25rem;
    --radius-xl: 1rem;
    --radius-lg: 0.75rem;
    --radius-md: 0.5rem;

    /* Shadows */
    --shadow-soft: 0 8px 32px -8px rgba(0,0,0,0.18);
    --shadow-glow: 0 0 40px -10px var(--accent-glow);

    /* Layout */
    --sidebar-width: 260px;

    /* Dark Mode Colors (Default) */
    --bg-root: #0c0a09;
    --bg-surface: #1c1917;
    --bg-surface-hover: #292524;
    --bg-elevated: #292524;
    --bg-input: #1c1917;
    --border-color: #2e2a27;
    --border-subtle: rgba(255,255,255,0.06);
    --text-primary: #fafaf9;
    --text-secondary: #a8a29e;
    --text-muted: #78716c;
    --text-inverse: #0c0a09;
    --link-color: var(--accent-light);
    --topbar-bg: rgba(12,10,9,0.82);
    --sidebar-bg: #141211;
    --card-bg: #1c1917;
}

/* Light Mode */
[data-bs-theme='light'] {
    --bg-root: #faf9f7;
    --bg-surface: #ffffff;
    --bg-surface-hover: #f5f3f0;
    --bg-elevated: #ffffff;
    --bg-input: #f5f3f0;
    --border-color: #e7e5e3;
    --border-subtle: rgba(0,0,0,0.06);
    --text-primary: #1c1917;
    --text-secondary: #57534e;
    --text-muted: #a8a29e;
    --text-inverse: #fafaf9;
    --link-color: #b45309;
    --topbar-bg: rgba(250,249,247,0.85);
    --sidebar-bg: #ffffff;
    --card-bg: #ffffff;
    --accent: #b45309;
    --accent-light: #d97706;
    --accent-lighter: #f59e0b;
    --accent-glow: rgba(180,83,9,0.2);
    --accent-subtle: rgba(180,83,9,0.08);
}