/* Theme Toggle - Variables Only */

/* Light theme - no overrides needed, uses default variables */
.theme-light {
    color-scheme: light;
}

/* Theme Toggle Button - No additional styles needed, uses .modern-theme-toggle class */
/* ID kept for JavaScript functionality only */

/* All icons inside theme toggle buttons - applies to both theme and user menu icons */
.modern-theme-toggle i {
    color: var(--white);
    font-size: 1.3rem;
    line-height: 1;
}

/* Optional smooth theme transitions */
@media (prefers-reduced-motion: no-preference) {
    body, .card, .navbar, .btn, input, textarea, select {
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    }
}

/* Dark theme - uses overridden variables from variables.css */
.theme-dark {
    color-scheme: dark;
}