:root {
    color-scheme: dark;
}

html[data-mr-theme="light"] {
    color-scheme: light;
}

html[data-mr-theme="dark"] {
    color-scheme: dark;
}

html.mr-theme-transition,
html.mr-theme-transition *,
html.mr-theme-transition *::before,
html.mr-theme-transition *::after {
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease !important;
}

[data-mr-theme-toggle],
[data-theme-toggle],
[data-mr-theme-value],
[data-theme-value] {
    cursor: pointer;
}