/**
 * DailyHealth — dark mode overrides
 * Activated via html[data-theme="dark"]
 */

html[data-theme="dark"] {
	--dh-bg: #0b1220;
	--dh-surface: #121a2b;
	--dh-text: #e8eef8;
	--dh-muted: #94a3b8;
	--dh-border: #243049;
	--dh-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
	--dh-blue: #3b9eff;
	--dh-blue-dark: #6bb6ff;
	color-scheme: dark;
}

html[data-theme="dark"] body {
	background:
		radial-gradient(ellipse 80% 50% at 100% 0%, rgba(26, 140, 255, 0.14), transparent 55%),
		radial-gradient(ellipse 60% 40% at 0% 100%, rgba(40, 167, 69, 0.08), transparent 50%),
		var(--dh-bg);
}

html[data-theme="dark"] .theme-toggle__icon--moon {
	display: none;
}

html[data-theme="dark"] .theme-toggle__icon--sun {
	display: inline-flex;
}

html[data-theme="dark"] .site-header {
	background: color-mix(in srgb, var(--dh-surface) 90%, transparent);
}

html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) {
	background: #121a2b;
	border-bottom-color: transparent;
	color: #fff;
}

html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .primary-menu a {
	color: rgba(255, 255, 255, 0.92);
}

html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .primary-menu a:hover,
html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .primary-menu .current-menu-item > a {
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}

html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .primary-menu__toggle {
	color: rgba(255, 255, 255, 0.92);
}

html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .primary-menu__toggle:hover,
html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .primary-menu__toggle:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}

html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .header-date {
	color: rgba(255, 255, 255, 0.85);
}

html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .theme-toggle,
html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .menu-toggle,
html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .search-toggle {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.22);
	color: #fff;
}

html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .search-toggle {
	background: var(--dh-blue);
	border-color: var(--dh-blue);
	color: #fff;
}

html[data-theme="dark"] .site-header--overlay:not(.is-scrolled) .menu-toggle__bar {
	background: #fff;
}

html[data-theme="dark"] body.home {
	background: var(--dh-bg);
}

html[data-theme="dark"] .topic-bar {
	background: var(--dh-surface);
	border-bottom-color: var(--dh-border);
}

html[data-theme="dark"] .topic-chip.is-active {
	color: var(--dh-blue);
	box-shadow: inset 0 -2px 0 var(--dh-blue);
}

html[data-theme="dark"] .landing__section {
	border-bottom-color: var(--dh-border);
}

html[data-theme="dark"] .news-item:hover {
	background: transparent;
}

html[data-theme="dark"] .author-box {
	background: color-mix(in srgb, var(--dh-blue) 12%, var(--dh-surface));
}

html[data-theme="dark"] .post-tags__list a {
	background: color-mix(in srgb, var(--dh-green) 25%, var(--dh-surface));
	color: #b6f0cb;
}

html[data-theme="dark"] .share-bar__btn {
	background: var(--dh-surface);
}

html[data-theme="dark"] .related-posts {
	background: color-mix(in srgb, var(--dh-blue) 8%, transparent);
}

html[data-theme="dark"] .category-chip {
	background: var(--dh-surface);
}

html[data-theme="dark"] .header-search {
	background: var(--dh-surface);
}

html[data-theme="dark"] .post-carousel__nav {
	background: var(--dh-surface);
}

html[data-theme="dark"] .category-chip {
	box-shadow: none;
}

html[data-theme="dark"] .entry-content blockquote {
	background: color-mix(in srgb, var(--dh-blue) 12%, var(--dh-surface));
}

html[data-theme="dark"] .faq-item--accordion {
	background: var(--dh-surface);
}

html[data-theme="dark"] .search-form .search-field {
	background: var(--dh-bg);
	color: var(--dh-text);
}

html[data-theme="dark"] .site-footer {
	background: #060b14;
}

html[data-theme="dark"] .newsletter {
	background: linear-gradient(135deg, #1566c4, #1a7a38);
}

html[data-theme="dark"] .post-card__placeholder {
	background: linear-gradient(135deg, #1a3a5c, #1a4a2e);
}