body.marqueblanche-dark-mode {
	--marqueblanche-theme-bg: #101418;
	--marqueblanche-theme-surface: #1A2027;
	--marqueblanche-theme-text: #F5F7FA;
	--marqueblanche-theme-muted: #C8D0DC;
	--marqueblanche-nav-glass-bg: color-mix(in srgb, var(--marqueblanche-theme-surface) 84%, transparent);
	--marqueblanche-nav-text: var(--marqueblanche-theme-text);
	--marqueblanche-nav-accent: var(--marqueblanche-theme-accent);
	--marqueblanche-nav-border: color-mix(in srgb, var(--marqueblanche-theme-text) 14%, transparent);
	--marqueblanche-nav-submenu-bg: color-mix(in srgb, var(--marqueblanche-theme-surface) 88%, transparent);
	--marqueblanche-nav-mobile-bg: var(--marqueblanche-theme-surface);
	--marqueblanche-nav-mobile-text: var(--marqueblanche-theme-text);
	background:
		radial-gradient(circle at 8% 2%, color-mix(in srgb, var(--marqueblanche-theme-accent) 20%, transparent), transparent 24rem),
		radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--marqueblanche-theme-muted) 42%, transparent), transparent 28rem),
		linear-gradient(180deg, color-mix(in srgb, var(--marqueblanche-theme-surface) 82%, var(--marqueblanche-theme-text)), var(--marqueblanche-theme-bg) 42rem),
		var(--marqueblanche-theme-bg);
	color: var(--marqueblanche-theme-text);
}

body.marqueblanche-dark-mode .site-main,
body.marqueblanche-dark-mode .entry-content {
	color: var(--marqueblanche-theme-text);
}

body.marqueblanche-dark-mode .marqueblanche-cta-button .wp-block-button__link {
	color: var(--marqueblanche-theme-text) !important;
	background: color-mix(in srgb, var(--marqueblanche-theme-surface) 82%, transparent) !important;
	border-color: color-mix(in srgb, var(--marqueblanche-theme-text) 14%, transparent);
}

body.marqueblanche-dark-mode .marqueblanche-home-map,
body.marqueblanche-dark-mode .marqueblanche-footer {
	background: var(--marqueblanche-theme-surface);
	color: var(--marqueblanche-theme-text);
}