/* ---------------------------------------------------------------------------
 * Northeast Pulse — Dark mode
 *
 * Two activation paths:
 *   1. System preference (auto)  — html[data-theme="auto"] + prefers-color-scheme
 *   2. Manual toggle            — html[data-theme="dark"] set by the header
 *                                  theme toggle (persisted in localStorage)
 *
 * Monsoon Dark is a dark-first system and is excluded via the body class
 * guard below.
 * ------------------------------------------------------------------------- */

/* Dark palette — explicit manual toggle. */
html[data-theme="dark"] body:not(.np-system-monsoon-dark) {
	--np-color-base: #0f1216;
	--np-color-surface: #171b21;
	--np-color-ink: #e6eaf0;
	--np-color-muted: #9aa5b1;
	--np-color-border: #2a313c;
	--np-color-neutral-3: #2a313c;
	--np-color-neutral-4: #9aa5b1;
	--np-color-footer-bg: #0a0c10;
	--np-color-footer-text: #e6eaf0;
	--np-color-footer-muted: #93a1b1;
}

/* Dark palette — OS preference (auto mode). */
@media (prefers-color-scheme: dark) {
	html[data-theme="auto"] body:not(.np-system-monsoon-dark) {
		--np-color-base: #0f1216;
		--np-color-surface: #171b21;
		--np-color-ink: #e6eaf0;
		--np-color-muted: #9aa5b1;
		--np-color-border: #2a313c;
		--np-color-neutral-3: #2a313c;
		--np-color-neutral-4: #9aa5b1;
		--np-color-footer-bg: #0a0c10;
		--np-color-footer-text: #e6eaf0;
		--np-color-footer-muted: #93a1b1;
	}
}

/* Explicit light preference must override the OS dark mode. */
html[data-theme="light"] body:not(.np-system-monsoon-dark) {
	--np-color-footer-bg: var(--np-color-ink);
	--np-color-footer-text: var(--np-color-base);
	--np-color-footer-muted: var(--np-color-neutral-4);
}

/* ── Dependent tweaks that only make sense while dark vars are active ───── */

/* Cinematic/cover hero text stays white over its scrim. */
html[data-theme="dark"] body:not(.np-system-monsoon-dark) .np-hero--cinematic .np-hero__body,
html[data-theme="dark"] body:not(.np-system-monsoon-dark) .np-hero--cover .np-hero__body {
	color: #fff;
}

html[data-theme="dark"] body:not(.np-system-monsoon-dark) .np-hero--cinematic .np-hero__title a,
html[data-theme="dark"] body:not(.np-system-monsoon-dark) .np-hero--cinematic .np-meta {
	color: #fff;
}

@media (prefers-color-scheme: dark) {
	html[data-theme="auto"] body:not(.np-system-monsoon-dark) .np-hero--cinematic .np-hero__body,
	html[data-theme="auto"] body:not(.np-system-monsoon-dark) .np-hero--cover .np-hero__body {
		color: #fff;
	}

	html[data-theme="auto"] body:not(.np-system-monsoon-dark) .np-hero--cinematic .np-hero__title a,
	html[data-theme="auto"] body:not(.np-system-monsoon-dark) .np-hero--cinematic .np-meta {
		color: #fff;
	}
}

/* Glassy search overlay tint. */
html[data-theme="dark"] body:not(.np-system-monsoon-dark) .np-search-overlay {
	background: color-mix(in srgb, #0f1216 96%, transparent);
}

@media (prefers-color-scheme: dark) {
	html[data-theme="auto"] body:not(.np-system-monsoon-dark) .np-search-overlay {
		background: color-mix(in srgb, #0f1216 96%, transparent);
	}
}