@media (prefers-color-scheme: dark) {
  html > body { background: #101828; color: #e5e7eb; }
  html:not(.dark) > body { background: #f3f4f6; color: black; }
}

@media (prefers-color-scheme: light) {
  html > body { background: #f3f4f6; color: black; }
  html.dark > body { background: #101828; color: #e5e7eb; }
}