:root sets CSS variables.
@media (prefers-color-scheme) sets mode based on user's preferences.
[data-color-scheme="light"] forces light mode.[data-color-scheme="dark"] forces dark mode.
Note that [data-color-scheme] can be applied to any element to selectively force a color scheme.