/* Theme Toggle Component - Sun/Moon Icon in Navbar */
.theme-toggle {
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1.2rem;
}

.theme-toggle:hover {
    transform: scale(1.1);
    color: var(--primary) !important;
}

.theme-toggle:active {
    transform: scale(0.95);
}

/* Icon animation */
.theme-toggle i {
    transition: transform 0.4s ease;
}

.theme-toggle:hover i {
    transform: rotate(20deg);
}

/* Dark mode icon color */
[data-bs-theme="dark"] .theme-toggle {
    color: #ffd700 !important;
}

/* Accessibility - focus state */
.theme-toggle:focus-visible {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
    border-radius: 4px;
}