:root {
    color-scheme: light dark; /* Informs the browser that the element supports both schemes */
            }

    body {
    /* The first color (#fff) is for light mode, the second (#333) for dark mode */
    background-color: light-dark(#fff, #000);
    /* The first color (#333) is for light mode, the second (#fff) for dark mode */
    color: light-dark(#333, #fff);
    }

a {
  /* Example with custom colors */
  color: light-dark(deeppink, hotpink);
}