/* Both themes separate page, card and control colors without changing layout. */
:root { color-scheme: dark; --muted: #b0b0b0; }
:root[data-theme="light"] { color-scheme: light; --muted: #536571; --row-bg: #fff; --row-alt: #f1f5f7; --row-hover: #e3edf2; --row-border: #d3dce2; --offline-row-bg: #fff5f3; --offline-row-alt: #ffebe6; --offline-row-hover: #ffe0d7; --offline-row-border: #e4c4bd; }
#theme-toggle {
  display: flex; align-items: center; justify-content: center; flex: 0 0 44px;
  padding: 0; margin: 0 max(0px, 50% - 500px) 0 0; border: 0;
  background: transparent; color: #b3b3b3; cursor: pointer;
}
#theme-toggle:hover { color: #fff; }
#theme-toggle:focus-visible { outline: 2px solid #569ece; outline-offset: -3px; border-radius: 4px; }
#theme-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#theme-toggle .theme-sun, [data-theme="dark"] #theme-toggle .theme-moon { display: none; }
[data-theme="dark"] #theme-toggle .theme-sun { display: block; }

:root[data-theme="light"] :is(body, #base-content) { background-color: #f2f4f6; color: #293744; }
:root[data-theme="light"] :is(a, #info-header a) { color: #22667b; }
:root[data-theme="light"] a:hover { color: #10485a; }
:root[data-theme="light"] :is(#header, #side-menu, .side-head, .small-footer, #foot-cont) { background-color: #fff; color: #354450; border-color: #c5d0d8; }
:root[data-theme="light"] :is(#header, .side-head) { box-shadow: 0 2px 5px #172b4012; }
:root[data-theme="light"] .brand-logo { filter: invert(1); }
:root[data-theme="light"] :is(#mainmenubtn, #theme-toggle, .side-close) { color: #5c6c79; }
:root[data-theme="light"] :is(#mainmenubtn, #theme-toggle, .side-close):hover { color: #174f63; }
:root[data-theme="light"] :is(.side-heading, .side-menu-item, .midbreak, .review-head) { color: #354450; }
:root[data-theme="light"] .side-top { border-color: #c5d0d8; }
:root[data-theme="light"] :is(.side-menu-item:hover, .side-menu-active) { background-color: #edf3f6; border-color: #397f97; }
:root[data-theme="light"] :is(.section, .section-list, #site-base, #review-base, .topinfo) { background-color: #fff; border-color: #c5d0d8; }
:root[data-theme="light"] :is(.section-title, .section-notes, .jump-box) { background-color: #e9eef2; color: #354450; border-color: #c5d0d8; }
:root[data-theme="light"] .section-title a { color: inherit; }
:root[data-theme="light"] .jump-box2 { background-color: #fff; color: #4a5d6b; border-color: #c5d0d8; }
:root[data-theme="light"] :is(.jump-box, .jump-box2):hover { background-color: #e7eef2; color: #174f63; }
:root[data-theme="light"] #jump-expand { color: #536471; border-color: #acbcc7; }
:root[data-theme="light"] .section-item[data-site] { color: #536471; }
:root[data-theme="light"] :is(.section-item:not([data-site]), .public-review, .activity-item, #info-header, .restored-site-info, .restored-site-links) { color: #536471; border-color: #c5d0d8; }
:root[data-theme="light"] .sort-input { color: #445661; background-color: #fff; border-color: #acbcc7; }
:root[data-theme="light"] .section-meta { color: #536471; border-color: #c5d0d8; }
:root[data-theme="light"] .sort-icon { filter: brightness(.5); }
:root[data-theme="light"] :is(.pin-button, .section-viewall, .footnote, .public-review p, .activity-item) { color: #536471; }
:root[data-theme="light"] :is(.section-viewall:hover, .home-btn, .bookmark-btn:hover) { background-color: #edf3f6; color: #174f63; border-color: #acbcc7; }
:root[data-theme="light"] .section-tags { background-color: #edf3f6; border-color: #c6d7df; color: #22667b; }
:root[data-theme="light"] .section-tags:hover { background-color: #e1edf2; border-color: #91b2c0; }
:root[data-theme="light"] .row-description::after { background-color: #c5d0d8; }
:root[data-theme="light"] :is(.bookmark-btn, .bookmark-btn > .mdil) { color: #637580; border-color: #acbcc7; }
:root[data-theme="light"] .bookmark-btn.bookmarked { color: #916412; }
:root[data-theme="light"] #base-content .section-offline-link { background-color: #fff0ed; border-color: #e8afa7; color: #b42318; }
:root[data-theme="light"] #base-content .section-offline-link:hover { background-color: #ffe3dd; border-color: #d8786b; color: #8e1b12; }
:root[data-theme="light"] .addtag { background-color: #e9eef2; color: #4a5d6b; }
:root[data-theme="light"] .tag-down { background-color: #fff0cd; color: #7c5913; }
:root[data-theme="light"] .tag-up { background-color: #e6f5eb; color: #18794e; }
:root[data-theme="light"] .tag-error { background-color: #ffe8e5; color: #b42318; }
:root[data-theme="light"] .site-new-badge { color: #b42318; }
:root[data-theme="light"] .review-notice { background-color: #edf4f7; color: #3d6678; }
:root[data-theme="light"] .review-meta { color: #386d8f; }
:root[data-theme="light"] #legend-dead { background-color: #fff0ed; color: #92483e; }
:root[data-theme="light"] #legend-dead.legend-reachable { background-color: #edf7ef; color: #306a43; }
:root[data-theme="light"] #legend-dead.legend-blocked { background-color: #fff0cd; color: #7c5913; }
:root[data-theme="light"] #legend-dead.legend-unknown { background-color: #edf2f5; color: #536471; }
:root[data-theme="light"] #site-notice { background-color: #fff; color: #354450; border-color: #cad5dc; box-shadow: 0 4px 18px #172b4020; }