1. :root {
    2.   /* Light theme */
    3.   --c-text: #333;
    4.   --c-background: #fff;
    5. }
    6. @media (prefers-color-scheme: dark) {
    7.   :root {
    8.     /* Dark theme */
    9.     --c-text: #fff;
    10.     --c-background: #333;
    11.   }
    12. }
    13. body {
    14.   color: var(--c-text);
    15.   background-color: var(--c-background);
    16. }