/**
 * 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;

    --gold: #D4AF37;
    --gold-soft: rgba(212, 175, 55, 0.15);
    --gold-glow: rgba(212, 175, 55, 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(212, 175, 55, 0.15);

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

html[data-theme="dark"] {
    --bg-body: #0B0B0B;
    --bg-card: #141414;
    --bg-card-hover: #1a1a1a;
    --bg-elevated: #1c1c1c;
    --bg-input: #1a1a1a;
    --border: #2A2A2A;
    --border-soft: rgba(255, 255, 255, 0.06);
    --text-primary: #FFFFFF;
    --text-secondary: #A1A1A1;
    --text-muted: #6B7280;
    --sidebar-bg: #0B0B0B;
    --topbar-bg: rgba(20, 20, 20, 0.85);
    --glass: rgba(20, 20, 20, 0.7);
    --table-head: #1a1a1a;
    --overlay: rgba(0, 0, 0, 0.65);
    --chart-grid: rgba(255, 255, 255, 0.06);
    --chart-text: #A1A1A1;
}

html[data-theme="light"] {
    --bg-body: #F8F8F8;
    --bg-card: #FFFFFF;
    --bg-card-hover: #FAFAFA;
    --bg-elevated: #FFFFFF;
    --bg-input: #FFFFFF;
    --border: #E5E5E5;
    --border-soft: rgba(0, 0, 0, 0.06);
    --text-primary: #111111;
    --text-secondary: #666666;
    --text-muted: #9CA3AF;
    --sidebar-bg: #111111;
    --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: #666666;
}

/* 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; }