/* Premium Dark Mode Override Variables */
:root {
    --bg-main: #06060c;
    --bg-glow-1: rgba(145, 70, 255, 0.15);
    --bg-glow-2: rgba(0, 240, 255, 0.1);
    
    --glass-bg: rgba(12, 12, 24, 0.65);
    --glass-card-bg: rgba(20, 20, 35, 0.4);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-shadow: rgba(0, 0, 0, 0.45);
    
    --twitch-purple: #9146ff;
    --twitch-purple-hover: #a262ff;
    --twitch-purple-glow: rgba(145, 70, 255, 0.3);
    
    --text-primary: #f5f5fa;
    --text-secondary: #adadb8;
    --text-muted: #656573;
}

body {
    background-color: var(--bg-main) !important;
    color: var(--text-primary) !important;
}

/* Glass card styling overrides */
.glass-card {
    background: var(--glass-bg) !important;
    border-color: var(--glass-border) !important;
    box-shadow: 0 12px 30px var(--glass-shadow) !important;
}

.glass-card:hover {
    border-color: rgba(145, 70, 255, 0.22) !important;
}

/* Dark mode inputs and dropdowns */
.date-field input, .dropdown-trigger button, .search-box input, .input-with-icon input {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--glass-border) !important;
    color: var(--text-primary) !important;
}

.date-field input:focus, .dropdown-trigger button:hover, .search-box input:focus, .input-with-icon input:focus {
    border-color: var(--twitch-purple) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Scrollbar override */
::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--twitch-purple) !important;
}