body {
  --text-color: #222;
  --bkg-color: #fff;

  background: var(--bkg-color);
}

body.dark-theme {
  --text-color: #eee;
  --bkg-color: #121212;
}

@media (prefers-color-scheme: dark) {
  body {
    --text-color: #eee;
    --bkg-color: #121212;
  }

  body.light-theme {
    --text-color: #222;
    --bkg-color: #fff;
  }
}

* { font-family: Arial, Helvetica, sans-serif; }

h1,
h2,
p { color: var(--text-color); }