/* theme-toggle.css - Demo 1: Neo-Minimalist */

.theme-toggle-button {
    background: none;
    border: none;
    color: var(--color-text-primary);
    cursor: pointer;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle-button svg {
    width: 20px; /* Slightly smaller than menu toggle */
    height: 20px;
    transition: transform 0.3s ease;
}

.theme-toggle-button .sun-icon {
    display: none; /* Hidden by default, shown in dark mode */
}

.theme-toggle-button .moon-icon {
    display: block; /* Shown by default, hidden in dark mode */
}

body[data-theme='dark'] .theme-toggle-button .sun-icon {
    display: block;
}

body[data-theme='dark'] .theme-toggle-button .moon-icon {
    display: none;
}

.theme-toggle-button:hover svg {
    transform: scale(1.1) rotate(15deg);
}