/* ── ThemeToggle — global (component-level CSS) ── */

.theme-toggle {
    background: var(--mud-palette-surface);
    border: none;
    padding: 0.3rem 0.7rem;
    cursor: pointer;
    border-radius: 4px;
 font-weight: bold;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.theme-toggle:hover {
    transform: scale(1.1);
}

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