/* dark.css - dark mode. Switched on by the "dark" class that theme.js puts on <html>. */
html.dark { color-scheme: dark; }

html.dark body,
html.dark body.theme { background: #121212; color: #e5e7eb; }

/* Header and bottom bar */
html.dark header { background: #1a1a1a; color: #f3f4f6; border-bottom-color: #2d2d2d; }
html.dark .search-btn,
html.dark .notifi-btn,
html.dark .back-btn { color: #f3f4f6; }
html.dark nav { background: #1a1a1a; border-top-color: #2d2d2d; border-right-color: #2d2d2d; }
html.dark nav a { color: #9ca3af; }
html.dark nav a.active { color: orangered; }

/* Home banner */
html.dark .weekly-banner { background: #1a1a1a; border-color: #2d2d2d; box-shadow: none; }
html.dark .weekly-banner.loading {
	background: linear-gradient(90deg, #1f1f1f 25%, #2a2a2a 50%, #1f1f1f 75%);
	background-size: 200% 100%;
}
html.dark .weekly-banner > img { background: #222222; }
html.dark .banner-description h2 { color: #f9fafb; }
html.dark .banner-description p { color: #cbd5e0; }

/* Cards */
html.dark .latest h2,
html.dark .card-title { color: #f3f4f6; }
html.dark .card-sub,
html.dark .card-meta { color: #9ca3af; }
html.dark .card-thumb,
html.dark .card-ph { background: #262626; }

/* List pages and More */
html.dark .list-title { color: #f3f4f6; }
html.dark .list-sub,
html.dark .list-state { color: #9ca3af; }
html.dark .more-list { border-top-color: #2d2d2d; }
html.dark .more-list li { border-bottom-color: #2d2d2d; }
html.dark .more-list a { color: #f3f4f6; }

/* Search */
html.dark .search-overlay { background: #121212; }
html.dark .search-top { border-bottom-color: #2d2d2d; }
html.dark .search-back,
html.dark .search-clear,
html.dark .search-input,
html.dark .search-row,
html.dark .search-title { color: #f3f4f6; }
html.dark .search-msg,
html.dark .search-label,
html.dark .search-meta { color: #9ca3af; }
html.dark .search-thumb { background: #262626; }

/* Post page */
html.dark .state { color: #9ca3af; }
html.dark .post-content h1 { color: #f9fafb; }
html.dark .post-sub { color: #cbd5e0; }
html.dark .post-meta { color: #9ca3af; }
html.dark .post-desc { color: #d1d5db; border-top-color: #2d2d2d; }
html.dark .post-lyrics { color: #d1d5db; }
html.dark .post-body,
html.dark .md p,
html.dark .md h2,
html.dark .md h3,
html.dark .md strong { color: #e5e7eb; }
html.dark .md figcaption { color: #9ca3af; }
html.dark .share-btn { background: #1f1f1f; border-color: #333333; color: #f3f4f6; }
html.dark .next-thumb { background: #262626; }
html.dark .next-info h3 { color: #f3f4f6; }
html.dark .next-info span { color: #9ca3af; }

/* Settings page */
html.dark .set-title { color: #9ca3af; }
html.dark .theme-opt { background: #1f1f1f; border-color: #333333; color: #f3f4f6; }
html.dark .theme-opt.on { border-color: #ff4500; background: #2a1d17; }
html.dark .set-note { color: #9ca3af; }
html.dark .set-btn { background: #1f1f1f; border-color: #333333; color: #f3f4f6; }