.theme-toggle {
    position: relative;
    width: 54px;
    height: 32px;
    border: 1px solid var(--infradac-border);
    border-radius: 999px;
    background: var(--infradac-card);
    color: var(--infradac-ink);
    cursor: pointer;
    box-shadow: var(--infradac-shadow);
}

.theme-toggle .icon-sun,
.theme-toggle .icon-moon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
}

.theme-toggle .icon-sun {
    left: 8px;
}

.theme-toggle .icon-moon {
    right: 8px;
    opacity: 0.28;
}

.theme-toggle .toggle-knob {
    position: absolute;
    top: 4px;
    left: 27px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--infradac-gold) 0%, var(--infradac-green) 100%);
    transition: left 0.25s ease;
}

body.dark-mode .theme-toggle .toggle-knob {
    left: 4px;
}

body.dark-mode .theme-toggle .icon-sun {
    opacity: 0.3;
}

body.dark-mode .theme-toggle .icon-moon {
    opacity: 1;
}