@media (prefers-color-scheme: light) {
  body {
    --body-color: #333;
    --body-bg: #eee;

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

    --query-color: #333;
    --query-icon-color: #888;
    --query-border: 2pt solid #aaa;

    --fav-bg: #fffef1;
    --fav-sep-border: 1pt solid #eee7e0;

    --results-bg: #fff;
    --results-sep-border: 1pt solid #eee;

    --vocab-color: #f00;
    --hint-color: #aaa;
    --en-color: #222;

    --fav-icon-color: #fb5;
    --not-fav-icon-color: #ddd;

    --part-pill-color: #333;
    --part-pill-bg: #f3f3f3;
    --part-pill-border: 1pt solid #f3f3f3;

    --lesson-pill-color: #888;
    --lesson-pill-bg: none;
    --lesson-pill-border: 1pt solid #888;
  }
}