:root {
    color-scheme: light dark; /* Enables both schemes */
    --text-color: light-dark(#333, #fff); /* Light color first, then dark */
    --background-color: light-dark(#fff, #222);
}

body {
    color: var(--text-color);
    background-color: var(--background-color);
}