/* Cohesive dark palette for surfaces that kept their light-theme colors. */
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e8efe8;
  --muted: #aebdae;
  --paper: #111813;
  --white: #1b241d;
  --lav: #243329;
  --line: #334336;
  --mint: #294132;
  --purple: #86bb88;
  --purple2: #add6a2;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .dashboard-body { background: #111813; color: #e8efe8; }
html[data-theme="dark"] .site-header { background: rgba(20, 29, 22, .94); border-color: #304033; }
html[data-theme="dark"] .main-nav a,
html[data-theme="dark"] .text-button,
html[data-theme="dark"] .language-button { color: #c7d5c5; }
html[data-theme="dark"] .main-nav a:hover,
html[data-theme="dark"] .text-button:hover { color: #a9d69e; }
html[data-theme="dark"] .trust-strip { background: #18231a; border-color: #2e3f30; }
html[data-theme="dark"] .trust-inner>span:first-child,
html[data-theme="dark"] .trust-note { color: #a5b5a4; }
html[data-theme="dark"] .trust-inner b { color: #dce8d9; }
html[data-theme="dark"] .trust-inner b i,
html[data-theme="dark"] .trust-plus { color: #90bd87; }
html[data-theme="dark"] .step-card { background: #1b261e; border-color: #354536; color: #e8efe8; }
html[data-theme="dark"] .step-featured { background: #24372a; border-color: #48644a; }
html[data-theme="dark"] .step-card h3 { color: #e7efe4; }
html[data-theme="dark"] .step-card p { color: #b4c2b2; }
html[data-theme="dark"] .step-card>a { color: #a8d29e; }
html[data-theme="dark"] .path-illustration span { background: #26382a; color: #b3d8aa; box-shadow: 0 4px 12px #0003; }
html[data-theme="dark"] .path-illustration span:nth-child(2) { background: #47734c; color: #f2f7ed; }
html[data-theme="dark"] .demo-window { background: #1b241d; border-color: #354536; box-shadow: 0 25px 65px #0004; }
html[data-theme="dark"] .demo-top { color: #afbfad; border-color: #344335; }
html[data-theme="dark"] .demo-dots i { background: #435044; }
html[data-theme="dark"] .demo-dots i:first-child { background: #86bb88; }
html[data-theme="dark"] .demo-question { background: #27332a; color: #d2dfd0; }
html[data-theme="dark"] .reply-name { color: #d1e2cd; }
html[data-theme="dark"] .reply-name small,
html[data-theme="dark"] .demo-reply p { color: #b2c0b0; }
html[data-theme="dark"] .demo-reply p b { color: #c4e0b9; }
html[data-theme="dark"] .hint-chip { background: #26372a; border-color: #3e5740; color: #b9d6b2; }
html[data-theme="dark"] .demo-input { background: #171f19; border-color: #3a4b3c; color: #aebcab; }
html[data-theme="dark"] .home-question-count { background: linear-gradient(112deg, #1e2a21 0%, #202e23 100%); border-color: #3a4e3b; box-shadow: 0 10px 28px #0003; }
html[data-theme="dark"] .home-question-count-icon { background: #2c432f; color: #b0d6a8; }
html[data-theme="dark"] .home-question-count-copy strong { color: #e5eee2; }
html[data-theme="dark"] .home-question-count-copy>span { color: #b3c1b1; }
html[data-theme="dark"] .home-question-count-live { color: #b7d9ac; }
html[data-theme="dark"] .home-question-count-live i { box-shadow: 0 0 0 4px #2b432e; }
html[data-theme="dark"] .home-question-count:not(.is-ready) .home-question-count-live { color: #aab5a9; }
html[data-theme="dark"] .home-question-count:not(.is-ready) .home-question-count-live i { background: #879487; box-shadow: 0 0 0 4px #303a31; }
html[data-theme="dark"] .home-exam-count-arrow { color: #b4d9a8; }
html[data-theme="dark"] .home-exam-count:hover { border-color: #668b65; box-shadow: 0 13px 30px #0004; }
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea { background-color: #1b251e; border-color: #3a4b3c; color: #e5eee2; color-scheme: dark; }
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: #9eae9d; }
html[data-theme="dark"] :focus-visible { outline-color: #91c68a; }
html[data-theme="dark"] .modal-backdrop { background: rgba(5, 10, 6, .78); }
html[data-theme="dark"] .mobile-menu-auth { color: #dce8d9; }
html[data-theme="dark"] .mobile-menu-signup { background: #397858; border-color: #397858; color: #fff; }
html[data-theme="dark"] .site-footer { border-color: #304033; }
html[data-theme="dark"] .site-footer>p,
html[data-theme="dark"] .site-footer .copyright { color: #a6b5a5; }