/* Follow the visitor's operating-system theme without changing images. */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #e5ebe6;
    --muted: #aab5ac;
    --paper: #101411;
    --cream: #171d18;
    --green: #a5cfad;
    --line: #344038;
  }

  body { background: var(--paper); color: var(--ink); }
  .site-header { background: rgba(16, 20, 17, .96); }
  .menu { background: var(--paper); }
  .card { background: #171d18; }
  .page-head:not(.category-banner) { background: var(--cream); }
  .paired-summary { border-left-color: #425447; }
  .paired-summary p[lang="en"] { color: #a9d1b1; }
  .study-note { background: #18211b; border-color: #35443a; color: #dce5de; }
  .lesson-pair:nth-child(odd) { background: #161c18; }
  .pair-en { color: #abd3b4; }
  .pair-zh { color: #e3e9e4; }
  .mixed-prose blockquote { color: #ccd5ce; background: #1a221c; border-left-color: #c09a55; }
  .search input { background: #171d18; color: #edf2ee; border-color: var(--line); }
  .search input::placeholder { color: #89958c; }
  .search button { background: #315d43; color: #fff; }
  footer { background: #0c100d; }
  .copyright { border-top-color: #29322b; }

  .zn-footer-wrap { background: #101612 !important; border-top-color: #324038 !important; }
  .zn-footer { color: #dfe7e1; }
  .zn-footer-title .zn-badge,
  .zn-footer .zn-tier .zn-link {
    background: #182019 !important;
    border-color: #3d5042 !important;
    color: #e5ece6 !important;
    opacity: 1;
  }
  .zn-footer .zn-tier .zn-link strong { color: #a8d5b1 !important; }
  .zn-footer .zn-tier .zn-domain,
  .zn-footer small { color: #9caaa0 !important; }
  .zn-footer .zn-tier .zn-link:hover { background: #202b23 !important; }
}