<div class="p-20 container rounded-md">
  <p class="p-6">
    In eu mi bibendum neque. Porta non pulvinar neque laoreet suspendisse interdum consectetur libero. Purus non enim praesent elementum facilisis leo vel fringilla est. Sodales neque sodales ut etiam sit amet nisl purus. Parturient montes nascetur ridiculus mus mauris vitae ultricies.
  </p>
</div>

:root {
  /* color-scheme: light dark; */
}

.container {
  color-scheme: light dark;
  background: light-dark(#ffffff, #000000);
}

p {
  color: light-dark(#000000, #ffffff);
}