/**
 * BMWFS Design Tokens — Theme Engine
 * Switch via: html[data-theme="dark|light"]
 */
:root {
    --font-primary: 'Poppins', system-ui, sans-serif;
    --font-secondary: 'Inter', system-ui, sans-serif;

    /* Brand theme */
    --bg-primary: #0B0C0E;
    --bg-secondary: #121314;
    --bg-card: #1A1B1D;
    --bg-card-light: #242426;
    --bg-border: #323132;

    --gold-light: #E7CE9D;
    --gold: #B8A582;
    --gold-dark: #918163;
    --bronze: #605D58;

    --text-primary: #F5F1E8;
    --text-secondary: #B5B0A8;
    --text-muted: #76716B;

    /* Legacy aliases */
    --accent: var(--gold);
    --surface-card: var(--bg-card);
    --silver: var(--text-muted);

    --gold-soft: rgba(184, 165, 130, 0.15);
    --gold-glow: rgba(184, 165, 130, 0.35);

    --success: #22C55E;
    --danger: #EF4444;
    --warning: #F59E0B;
    --info: #3B82F6;

    --sidebar-width: 268px;
    --sidebar-collapsed: 78px;
    --topbar-height: 68px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-gold: 0 4px 20px rgba(184, 165, 130, 0.18);

    /* QR status */
    --qr-generated: #6B7280;
    --qr-printed: #3B82F6;
    --qr-reserved: #F59E0B;
    --qr-inhouse: var(--accent);
    --qr-delivered: #22C55E;
    --qr-suspicious: #EF4444;
    --qr-blocked: #991B1B;
}

html[data-theme="dark"] {
    --bg-body: var(--bg-primary);
    --bg-card: #1A1B1D;
    --bg-card-hover: var(--bg-card-light);
    --bg-elevated: var(--bg-card-light);
    --bg-input: var(--bg-card);
    --border: var(--bg-border);
    --border-soft: rgba(255, 255, 255, 0.06);
    --text-primary: #F5F1E8;
    --text-secondary: #B5B0A8;
    --text-muted: #76716B;
    --sidebar-bg: var(--bg-primary);
    --sidebar-nav-hover: var(--gold-soft);
    --sidebar-nav-active: linear-gradient(90deg, var(--gold-soft), transparent);
    --topbar-bg: rgba(18, 19, 20, 0.92);
    --glass: rgba(26, 27, 29, 0.78);
    --table-head: var(--bg-card);
    --overlay: rgba(0, 0, 0, 0.65);
    --chart-grid: rgba(255, 255, 255, 0.06);
    --chart-text: var(--text-secondary);
}

html[data-theme="light"] {
    --bg-body: #F5F1E8;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F0EBE0;
    --bg-elevated: #FFFFFF;
    --bg-input: #FFFFFF;
    --border: #D8D2C8;
    --border-soft: rgba(11, 12, 14, 0.06);
    --text-primary: #0B0C0E;
    --text-secondary: #605D58;
    --text-muted: #76716B;
    --sidebar-bg: #FFFFFF;
    --sidebar-nav-hover: rgba(184, 165, 130, 0.12);
    --sidebar-nav-active: rgba(184, 165, 130, 0.18);
    --topbar-bg: rgba(255, 255, 255, 0.92);
    --glass: rgba(255, 255, 255, 0.85);
    --table-head: #F9FAFB;
    --overlay: rgba(0, 0, 0, 0.4);
    --chart-grid: rgba(0, 0, 0, 0.06);
    --chart-text: var(--text-secondary);
}

/* Default dark before JS */
html:not([data-theme]) {
    color-scheme: dark;
}

html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }