@media (prefers-color-scheme: dark) {
  body {
    --body-color: #ccc;
    --body-bg: #112;

    --error-color: #ccc;
    --error-bg: #300;
    --error-hl-border: 0.75em solid #f00;

    --query-color: #fff;
    --query-icon-color: #88a;
    --query-border: 2pt solid #fff;

    --fav-bg: #336;
    --fav-sep-border: 1pt solid #66b;

    --results-bg: #252540;
    --results-sep-border: 1pt solid #446;

    --vocab-color: #fffba0;
    --hint-color: #aac;
    --en-color: #eee;

    --fav-icon-color: #9df;
    --not-fav-icon-color: #457;

    --part-pill-color: #cce;
    --part-pill-bg: #557;
    --part-pill-border: 1pt solid #557;

    --lesson-pill-color: #aaf;
    --lesson-pill-bg: none;
    --lesson-pill-border: 1pt solid #55a;
  }
}