/*
 * Dark mode. theme.json holds the light palette; these override the same
 * preset custom properties. Follows the OS unless the visitor picked a theme
 * with the toggle ([data-theme] on <html>).
 */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--wp--preset--color--bg: #14181f;
		--wp--preset--color--foreground: #e9ecf1;
		--wp--preset--color--heading: #ffffff;
		--wp--preset--color--muted: #9aa3af;
		--wp--preset--color--border: #2f2f2f;
		color-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--wp--preset--color--bg: #14181f;
	--wp--preset--color--foreground: #e9ecf1;
	--wp--preset--color--heading: #ffffff;
	--wp--preset--color--muted: #9aa3af;
	--wp--preset--color--border: #2f2f2f;
	color-scheme: dark;
}