/* Theme Variations and Color Schemes */

.theme-checkbox {
    opacity: 0;
    position: absolute;
}

.theme-option {
    z-index: 1;
    transition: color 0.3s ease;
}

.theme-checkbox:checked + .theme-label .slider {
    transform: translateX(calc(100% + 4px));
}

.theme-checkbox:checked + .theme-label .theme-option.light {
    color: var(--text-secondary);
}

.theme-checkbox:checked + .theme-label .theme-option.dark {
    color: var(--text-primary);
}

.theme-checkbox:not(:checked) + .theme-label .theme-option.light {
    color: var(--text-primary);
}

.theme-checkbox:not(:checked) + .theme-label .theme-option.dark {
    color: var(--text-secondary);
}

.theme-label:hover {
    background-color: var(--element-hover);
}