/* Critical theme detection to prevent FOUC */
:root {
    color-scheme: light dark;
}

html {
    transition: none !important;
}

html.theme-loading * {
    transition: none !important;
}

.theme-toggle-wrapper {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

@media (max-width: 991px) {
    .theme-toggle-wrapper {
        margin: 0.5rem 0;
        justify-content: center;
    }
}