/* Premium Dark Theme - Global Variables */
html.dark {
    /* === BACKGROUNDS === */
    --premium-bg-body: #0d0d1a;
    --premium-bg-surface: #141428;
    --premium-bg-card: #1a1a2e;
    --premium-bg-card-hover: #24243a;
    --premium-bg-elevated: #2a2a3e;

    /* === ACCENTS === */
    --premium-accent-primary: #6366f1;
    /* Púrpura/Indigo */
    --premium-accent-cyan: #22d3ee;
    --premium-accent-emerald: #10b981;
    --premium-accent-yellow: #fbbf24;
    --premium-accent-coral: #f472b6;
    --premium-accent-blue: #3b82f6;
    --premium-accent-red: #f87171;

    /* === TEXT === */
    --premium-text-primary: #ffffff;
    --premium-text-secondary: #94a3b8;
    --premium-text-muted: #64748b;
    --premium-text-on-accent: #0d0d1a;

    /* === BORDERS === */
    --premium-border-subtle: #2a2a4a;
    --premium-border-default: #3a3a5a;
    --premium-border-focus: #6366f1;

    /* === GRADIENTS === */
    --premium-gradient-purple: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    --premium-gradient-emerald: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --premium-gradient-coral: linear-gradient(135deg, #f472b6 0%, #fb7185 100%);
    --premium-gradient-blue: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    --premium-gradient-cyan: linear-gradient(135deg, #22d3ee 0%, #67e8f9 100%);

    /* === SHADOWS === */
    --premium-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --premium-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --premium-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    --premium-glow-purple: 0 4px 30px rgba(99, 102, 241, 0.15);
    --premium-glow-cyan: 0 4px 30px rgba(34, 211, 238, 0.15);
    --premium-glow-emerald: 0 4px 30px rgba(16, 185, 129, 0.15);

    /* === TRANSITIONS === */
    --premium-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --premium-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --premium-transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* === CUSTOM SCROLLBARS === */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--premium-bg-body);
}

::-webkit-scrollbar-thumb {
    background: var(--premium-bg-elevated);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--premium-border-default);
}

/* === SIDEBAR ACTIVE STATES === */
.dark nav a {
    transition: all var(--premium-transition-base);
}

.dark nav a.active,
.dark nav a.group.active,
.dark nav a[class*="active"] {
    background: var(--premium-bg-card-hover);
    color: var(--premium-accent-primary) !important;
    position: relative;
}

.dark nav a.active::before,
.dark nav a.group.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--premium-gradient-purple);
    border-radius: 0 4px 4px 0;
}

.dark nav a.active svg,
.dark nav a.group.active svg {
    color: var(--premium-accent-primary);
}