/*------------------------------*\
	$DARK_MODE
\*------------------------------*/
[data-theme="dark"] {
	--color-bg: #0F0F0F;
	--color-content-bg: #0F0F0F;
	--color-text: #E4E4E4;
	--color-text-sec: #a1a1aa;
	--color-headline: #fafafa;
	--color-headline-links: #D6D6CB;
	--color-links: #D6D6CB;
	--color-primary: #C0392B;
	--color-secondary: #94a3b8;
	--color-tertiary: #2dd4bf;
	--color-accent: #fbbf24;
	--color-button: #e04a3c;
	--color-button-text: #ffffff;
	--color-button-sec: #94a3b8;
	--color-button-sec-text: #ffffff;
	--color-border: #2d2d2d;
	--color-primary-rgb: 192, 57, 43;
	--color-button-rgb: 224, 74, 60;
	/* WP preset colors mapped to theme tokens */
	--wp--preset--color--primary: var(--color-primary) !important;
	--wp--preset--color--secondary: var(--color-secondary) !important;
	--wp--preset--color--tertiary: var(--color-tertiary) !important;
	--wp--preset--color--text: var(--color-text) !important;
	--wp--preset--color--text-sec: var(--color-text-sec) !important;
	--wp--preset--color--links: var(--color-links) !important;
	--wp--preset--color--headline: var(--color-headline) !important;
	--wp--preset--color--accent: var(--color-accent) !important;
	--wp--preset--color--action: var(--color-action) !important;
	--wp--preset--color--button: var(--color-button) !important;
	--wp--preset--color--button-text: var(--color-button-text) !important;
	--wp--preset--color--button-sec: var(--color-button-sec) !important;
	--wp--preset--color--button-sec-text: var(--color-button-sec-text) !important;
	--wp--preset--color--bg-color: var(--color-bg) !important;
	--wp--preset--color--background: var(--color-bg) !important;
	--wp--preset--color--white: var(--color-text-light) !important;
	--wp--preset--color--offwhite: color-mix(in srgb, var(--color-content-bg), var(--color-bg) 60%) !important;
	--wp--preset--color--bordered: var(--color-border) !important;
	--wp--preset--color--md-border: var(--color-border) !important;
	/* Primary shades */
	--wp--preset--color--primary-100: color-mix(in srgb, var(--color-primary), transparent 80%) !important;
	--wp--preset--color--primary-300: color-mix(in srgb, var(--color-primary), transparent 45%) !important;
	--wp--preset--color--primary-700: color-mix(in srgb, var(--color-primary), #000000 25%) !important;
	--wp--preset--color--primary-900: color-mix(in srgb, var(--color-primary), #000000 50%) !important;
	/* Computed colors */
	--wp--preset--color--electric-indigo: color-mix(in srgb, var(--color-primary), var(--color-secondary) 45%) !important;
	--wp--preset--color--cyber-lime: color-mix(in srgb, var(--color-accent), var(--color-text) 30%) !important;
	--wp--preset--color--hot-coral: color-mix(in srgb, var(--color-primary), var(--color-accent) 45%) !important;
	--wp--preset--color--rose: color-mix(in srgb, var(--color-primary), var(--color-secondary) 20%) !important;
	--wp--preset--color--amber: color-mix(in srgb, var(--color-button), var(--color-primary) 40%) !important;
	--wp--preset--color--teal: color-mix(in srgb, var(--color-secondary), var(--color-accent) 40%) !important;
	--wp--preset--color--sky: color-mix(in srgb, var(--color-secondary), var(--color-primary) 35%) !important;
	--wp--preset--color--violet: color-mix(in srgb, var(--color-primary), var(--color-secondary) 55%) !important;
	--wp--preset--color--slate: color-mix(in srgb, var(--color-text-sec), var(--color-text) 40%) !important;
	--wp--preset--color--midnight: color-mix(in srgb, var(--color-bg), var(--color-content-bg) 55%) !important;
	--wp--preset--color--charcoal: color-mix(in srgb, var(--color-bg), var(--color-content-bg) 70%) !important;
	--wp--preset--color--lavender: color-mix(in srgb, var(--color-primary), var(--color-content-bg) 60%) !important;
	--wp--preset--color--mint: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 60%) !important;
	--wp--preset--color--peach: color-mix(in srgb, var(--color-button), var(--color-content-bg) 60%) !important;
	--wp--preset--color--blush: color-mix(in srgb, var(--color-primary), var(--color-content-bg) 55%) !important;
	/* WP preset gradients mapped to theme tokens */
	--wp--preset--gradient--primary-to-secondary: linear-gradient(135deg, var(--color-primary), var(--color-secondary)) !important;
	--wp--preset--gradient--secondary-gradient: linear-gradient(135deg, var(--color-secondary), var(--color-primary)) !important;
	--wp--preset--gradient--dark-overlay: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-bg), var(--color-text) 35%) 100%) !important;
	--wp--preset--gradient--light-overlay: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-content-bg), var(--color-text) 10%) 100%) !important;
	--wp--preset--gradient--aurora: linear-gradient(135deg,
		color-mix(in srgb, var(--color-primary), var(--color-secondary) 45%) 0%,
		color-mix(in srgb, var(--color-secondary), var(--color-accent) 40%) 50%,
		color-mix(in srgb, var(--color-accent), var(--color-primary) 40%) 100%) !important;
	--wp--preset--gradient--sunset-glow: linear-gradient(135deg,
		color-mix(in srgb, var(--color-primary), var(--color-accent) 40%) 0%,
		color-mix(in srgb, var(--color-button), var(--color-primary) 40%) 100%) !important;
	--wp--preset--gradient--ocean-breeze: linear-gradient(135deg,
		color-mix(in srgb, var(--color-secondary), var(--color-accent) 45%) 0%,
		color-mix(in srgb, var(--color-accent), var(--color-primary) 35%) 100%) !important;
	--wp--preset--gradient--electric-violet: linear-gradient(135deg,
		var(--wp--preset--color--electric-indigo) 0%,
		var(--wp--preset--color--violet) 50%,
		var(--wp--preset--color--rose) 100%) !important;
	--wp--preset--gradient--cyber-neon: linear-gradient(135deg,
		var(--wp--preset--color--cyber-lime) 0%,
		var(--wp--preset--color--sky) 100%) !important;
	--wp--preset--gradient--fire: linear-gradient(135deg,
		var(--wp--preset--color--amber) 0%,
		var(--wp--preset--color--hot-coral) 50%,
		var(--wp--preset--color--rose) 100%) !important;
	--wp--preset--gradient--soft-peach: linear-gradient(135deg,
		color-mix(in srgb, var(--wp--preset--color--peach), var(--color-content-bg) 60%) 0%,
		color-mix(in srgb, var(--wp--preset--color--peach), var(--color-content-bg) 35%) 100%) !important;
	--wp--preset--gradient--lavender-mist: linear-gradient(135deg,
		color-mix(in srgb, var(--wp--preset--color--lavender), var(--color-content-bg) 60%) 0%,
		color-mix(in srgb, var(--wp--preset--color--sky), var(--color-content-bg) 50%) 100%) !important;
	--wp--preset--gradient--mint-cream: linear-gradient(135deg,
		color-mix(in srgb, var(--wp--preset--color--mint), var(--color-content-bg) 60%) 0%,
		color-mix(in srgb, var(--wp--preset--color--teal), var(--color-content-bg) 50%) 100%) !important;
	--wp--preset--gradient--cotton-candy: linear-gradient(135deg,
		color-mix(in srgb, var(--wp--preset--color--blush), var(--color-content-bg) 55%) 0%,
		color-mix(in srgb, var(--wp--preset--color--lavender), var(--color-content-bg) 45%) 100%) !important;
	--wp--preset--gradient--midnight-city: linear-gradient(135deg, var(--wp--preset--color--midnight) 0%, var(--wp--preset--color--charcoal) 100%) !important;
	--wp--preset--gradient--deep-space: linear-gradient(135deg,
		color-mix(in srgb, var(--color-bg), var(--color-secondary) 45%) 0%,
		color-mix(in srgb, var(--color-bg), var(--color-primary) 35%) 50%,
		var(--wp--preset--color--charcoal) 100%) !important;
	--wp--preset--gradient--charcoal-fade: linear-gradient(135deg,
		color-mix(in srgb, var(--wp--preset--color--charcoal), var(--color-bg) 40%) 0%,
		var(--wp--preset--color--charcoal) 100%) !important;
	--wp--preset--gradient--mesh-purple: linear-gradient(135deg,
		var(--wp--preset--color--lavender) 0%,
		var(--wp--preset--color--violet) 25%,
		var(--wp--preset--color--sky) 50%,
		var(--wp--preset--color--mint) 75%,
		var(--wp--preset--color--cyber-lime) 100%) !important;
	--wp--preset--gradient--rainbow-mesh: linear-gradient(90deg,
		var(--color-primary) 0%,
		var(--color-button) 25%,
		var(--color-accent) 50%,
		var(--color-secondary) 75%,
		var(--color-primary) 100%) !important;
	--wp--preset--gradient--radial-spotlight: radial-gradient(ellipse at center, color-mix(in srgb, var(--color-primary) 35%, transparent) 0%, transparent 70%) !important;
	--wp--preset--gradient--radial-glow: radial-gradient(ellipse at top,
		color-mix(in srgb, var(--color-primary), var(--color-secondary) 35%) 0%,
		color-mix(in srgb, var(--color-bg), var(--color-secondary) 60%) 50%,
		var(--color-bg) 100%) !important;
	--wp--preset--gradient--glass-white: linear-gradient(135deg,
		color-mix(in srgb, var(--color-content-bg), transparent 60%) 0%,
		color-mix(in srgb, var(--color-content-bg), transparent 85%) 100%) !important;
	--wp--preset--gradient--glass-dark: linear-gradient(135deg,
		color-mix(in srgb, var(--color-bg), transparent 60%) 0%,
		color-mix(in srgb, var(--color-bg), transparent 85%) 100%) !important;
	/* Header/Menu/Sidebar/Footer preset colors */
	--wp--preset--color--header-bg-color: var(--color-bg) !important;
	--wp--preset--color--header-color: var(--color-text) !important;
	--wp--preset--color--header-site-title: var(--color-headline) !important;
	--wp--preset--color--header-site-tagline: var(--color-text-sec) !important;
	--wp--preset--color--content-bg-color: var(--color-content-bg) !important;
	--wp--preset--color--content-border-color: var(--color-border) !important;
	--wp--preset--color--main-menu-bg-color: var(--color-content-bg) !important;
	--wp--preset--color--main-menu-links: var(--color-text) !important;
	--wp--preset--color--main-menu-active: var(--color-primary) !important;
	--wp--preset--color--sidebar-bg-color: var(--color-content-bg) !important;
	--wp--preset--color--sidebar-text: var(--color-text-sec) !important;
	--wp--preset--color--sidebar-title: var(--color-headline) !important;
	--wp--preset--color--sidebar-links: var(--color-links) !important;
	--wp--preset--color--footer-bg-color: var(--color-bg) !important;
	--wp--preset--color--footer-text: var(--color-text-sec) !important;
	--wp--preset--color--footer-title: var(--color-headline) !important;
	--wp--preset--color--footer-links: var(--color-links) !important;
	/* Surfaces */
	--color-surface-1: #0F0F0F;
	--color-surface-2: color-mix(in srgb, #0F0F0F, white 6%);
	--color-surface-3: color-mix(in srgb, #0F0F0F, white 10%);
	/* Header + menus */
	--color-header-bg: var(--color-bg);
	--color-header-text: var(--color-text);
	--color-header-title: var(--color-headline);
	--color-header-tagline: var(--color-text-sec);
	--color-header-menu-links: var(--color-links);
	--color-header-menu-hover: var(--color-links);
	--color-header-menu-active: var(--color-primary);
	--color-header-submenu-bg: var(--color-content-bg);
	--color-header-submenu-links: var(--color-text);
	--color-header-submenu-hover: var(--color-links);
	--color-main-menu-bg: var(--color-content-bg);
	--color-main-menu-links: var(--color-text);
	--color-main-menu-active: var(--color-primary);
	--color-main-menu-subtext: var(--color-text-sec);
	--color-main-menu-submenu-bg: var(--color-content-bg);
	--color-main-menu-submenu-links: var(--color-text);
	--color-main-menu-icons: var(--color-text);
	--color-main-menu-social: var(--color-links);
	--color-sidebar-bg: var(--color-content-bg);
	--color-sidebar-text: var(--color-text-sec);
	--color-sidebar-title: var(--color-headline);
	--color-sidebar-links: var(--color-links);
	--color-footer-bg: var(--color-bg);
	--color-footer-text: var(--color-text-sec);
	--color-footer-title: var(--color-headline);
	--color-footer-links: var(--color-links);
	/* Shadows tuned for dark */
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
	--shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
	--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.55);
	--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.65);
	color-scheme: dark;
	accent-color: var(--color-accent);
}
[data-theme="dark"] img {
	opacity: 0.8;
}
/* Details / Summary */
[data-theme="dark"] details {
	border-color: color-mix(in srgb, var(--color-border), transparent 20%);
	background: var(--color-content-bg);
}
[data-theme="dark"] details[open] {
	border-color: color-mix(in srgb, var(--color-border), var(--color-text) 20%);
}
[data-theme="dark"] details[open] summary {
	border-bottom-color: color-mix(in srgb, var(--color-border), transparent 20%);
}
[data-theme="dark"] details summary:hover {
	color: var(--color-accent);
}
/* Mobile menu: enforce readable colors in dark mode */
@media all and (max-width: 768px) {
	[data-theme="dark"] .header-menu {
		background-color: var(--color-header-bg);
		color: var(--color-header-text);
	}
	[data-theme="dark"] .header-menu a,
	[data-theme="dark"] .header-menu .menu-toggle,
	[data-theme="dark"] .header-menu .menu-header > .menu-item > a,
	[data-theme="dark"] .mobile-menu-close,
	[data-theme="dark"] .mobile-menu-back {
		color: var(--color-header-menu-links);
	}
	[data-theme="dark"] .mobile-menu-nav {
		border-bottom: 1px solid color-mix(in srgb, var(--color-border), transparent 10%);
	}
	[data-theme="dark"] .menu-header .menu-item:not(:last-child),
	[data-theme="dark"] .menu-header .sub-menu .menu-item:not(:last-child) {
		border-bottom: 1px solid color-mix(in srgb, var(--color-border), transparent 10%);
	}
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme]) {
		--color-bg: #0F0F0F;
		--color-content-bg: #0F0F0F;
		--color-text: #E4E4E4;
		--color-text-sec: #a1a1aa;
		--color-headline: #fafafa;
		--color-headline-links: #D6D6CB;
		--color-links: #D6D6CB;
		--color-primary: #C0392B;
		--color-secondary: #94a3b8;
		--color-tertiary: #2dd4bf;
		--color-accent: #fbbf24;
		--color-button: #e04a3c;
		--color-button-text: #ffffff;
		--color-button-sec: #94a3b8;
		--color-button-sec-text: #ffffff;
		--color-border: #2d2d2d;
		--color-primary-rgb: 192, 57, 43;
		--color-button-rgb: 224, 74, 60;
		--wp--preset--color--primary: var(--color-primary) !important;
		--wp--preset--color--secondary: var(--color-secondary) !important;
		--wp--preset--color--tertiary: var(--color-tertiary) !important;
		--wp--preset--color--text: var(--color-text) !important;
		--wp--preset--color--text-sec: var(--color-text-sec) !important;
		--wp--preset--color--links: var(--color-links) !important;
		--wp--preset--color--headline: var(--color-headline) !important;
		--wp--preset--color--accent: var(--color-accent) !important;
		--wp--preset--color--action: var(--color-action) !important;
		--wp--preset--color--button: var(--color-button) !important;
		--wp--preset--color--button-text: var(--color-button-text) !important;
		--wp--preset--color--button-sec: var(--color-button-sec) !important;
		--wp--preset--color--button-sec-text: var(--color-button-sec-text) !important;
		--wp--preset--color--bg-color: var(--color-bg) !important;
		--wp--preset--color--background: var(--color-bg) !important;
		--wp--preset--color--white: var(--color-text-light) !important;
		--wp--preset--color--offwhite: color-mix(in srgb, var(--color-content-bg), var(--color-bg) 60%) !important;
		--wp--preset--color--bordered: var(--color-border) !important;
		--wp--preset--color--md-border: var(--color-border) !important;
		--wp--preset--color--primary-100: color-mix(in srgb, var(--color-primary), transparent 80%) !important;
		--wp--preset--color--primary-300: color-mix(in srgb, var(--color-primary), transparent 45%) !important;
		--wp--preset--color--primary-700: color-mix(in srgb, var(--color-primary), #000000 25%) !important;
		--wp--preset--color--primary-900: color-mix(in srgb, var(--color-primary), #000000 50%) !important;
		--wp--preset--color--electric-indigo: color-mix(in srgb, var(--color-primary), var(--color-secondary) 45%) !important;
		--wp--preset--color--cyber-lime: color-mix(in srgb, var(--color-accent), var(--color-text) 30%) !important;
		--wp--preset--color--hot-coral: color-mix(in srgb, var(--color-primary), var(--color-accent) 45%) !important;
		--wp--preset--color--rose: color-mix(in srgb, var(--color-primary), var(--color-secondary) 20%) !important;
		--wp--preset--color--amber: color-mix(in srgb, var(--color-button), var(--color-primary) 40%) !important;
		--wp--preset--color--teal: color-mix(in srgb, var(--color-secondary), var(--color-accent) 40%) !important;
		--wp--preset--color--sky: color-mix(in srgb, var(--color-secondary), var(--color-primary) 35%) !important;
		--wp--preset--color--violet: color-mix(in srgb, var(--color-primary), var(--color-secondary) 55%) !important;
		--wp--preset--color--slate: color-mix(in srgb, var(--color-text-sec), var(--color-text) 40%) !important;
		--wp--preset--color--midnight: color-mix(in srgb, var(--color-bg), var(--color-content-bg) 55%) !important;
		--wp--preset--color--charcoal: color-mix(in srgb, var(--color-bg), var(--color-content-bg) 70%) !important;
		--wp--preset--color--lavender: color-mix(in srgb, var(--color-primary), var(--color-content-bg) 60%) !important;
		--wp--preset--color--mint: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 60%) !important;
		--wp--preset--color--peach: color-mix(in srgb, var(--color-button), var(--color-content-bg) 60%) !important;
		--wp--preset--color--blush: color-mix(in srgb, var(--color-primary), var(--color-content-bg) 55%) !important;
		--wp--preset--gradient--primary-to-secondary: linear-gradient(135deg, var(--color-primary), var(--color-secondary)) !important;
		--wp--preset--gradient--secondary-gradient: linear-gradient(135deg, var(--color-secondary), var(--color-primary)) !important;
		--wp--preset--gradient--dark-overlay: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-bg), var(--color-text) 35%) 100%) !important;
		--wp--preset--gradient--light-overlay: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-content-bg), var(--color-text) 10%) 100%) !important;
		--wp--preset--gradient--aurora: linear-gradient(135deg,
			color-mix(in srgb, var(--color-primary), var(--color-secondary) 45%) 0%,
			color-mix(in srgb, var(--color-secondary), var(--color-accent) 40%) 50%,
			color-mix(in srgb, var(--color-accent), var(--color-primary) 40%) 100%) !important;
		--wp--preset--gradient--sunset-glow: linear-gradient(135deg,
			color-mix(in srgb, var(--color-primary), var(--color-accent) 40%) 0%,
			color-mix(in srgb, var(--color-button), var(--color-primary) 40%) 100%) !important;
		--wp--preset--gradient--ocean-breeze: linear-gradient(135deg,
			color-mix(in srgb, var(--color-secondary), var(--color-accent) 45%) 0%,
			color-mix(in srgb, var(--color-accent), var(--color-primary) 35%) 100%) !important;
		--wp--preset--gradient--electric-violet: linear-gradient(135deg,
			var(--wp--preset--color--electric-indigo) 0%,
			var(--wp--preset--color--violet) 50%,
			var(--wp--preset--color--rose) 100%) !important;
		--wp--preset--gradient--cyber-neon: linear-gradient(135deg,
			var(--wp--preset--color--cyber-lime) 0%,
			var(--wp--preset--color--sky) 100%) !important;
		--wp--preset--gradient--fire: linear-gradient(135deg,
			var(--wp--preset--color--amber) 0%,
			var(--wp--preset--color--hot-coral) 50%,
			var(--wp--preset--color--rose) 100%) !important;
		--wp--preset--gradient--soft-peach: linear-gradient(135deg,
			color-mix(in srgb, var(--wp--preset--color--peach), var(--color-content-bg) 60%) 0%,
			color-mix(in srgb, var(--wp--preset--color--peach), var(--color-content-bg) 35%) 100%) !important;
		--wp--preset--gradient--lavender-mist: linear-gradient(135deg,
			color-mix(in srgb, var(--wp--preset--color--lavender), var(--color-content-bg) 60%) 0%,
			color-mix(in srgb, var(--wp--preset--color--sky), var(--color-content-bg) 50%) 100%) !important;
		--wp--preset--gradient--mint-cream: linear-gradient(135deg,
			color-mix(in srgb, var(--wp--preset--color--mint), var(--color-content-bg) 60%) 0%,
			color-mix(in srgb, var(--wp--preset--color--teal), var(--color-content-bg) 50%) 100%) !important;
		--wp--preset--gradient--cotton-candy: linear-gradient(135deg,
			color-mix(in srgb, var(--wp--preset--color--blush), var(--color-content-bg) 55%) 0%,
			color-mix(in srgb, var(--wp--preset--color--lavender), var(--color-content-bg) 45%) 100%) !important;
		--wp--preset--gradient--midnight-city: linear-gradient(135deg, var(--wp--preset--color--midnight) 0%, var(--wp--preset--color--charcoal) 100%) !important;
		--wp--preset--gradient--deep-space: linear-gradient(135deg,
			color-mix(in srgb, var(--color-bg), var(--color-secondary) 45%) 0%,
			color-mix(in srgb, var(--color-bg), var(--color-primary) 35%) 50%,
			var(--wp--preset--color--charcoal) 100%) !important;
		--wp--preset--gradient--charcoal-fade: linear-gradient(135deg,
			color-mix(in srgb, var(--wp--preset--color--charcoal), var(--color-bg) 40%) 0%,
			var(--wp--preset--color--charcoal) 100%) !important;
		--wp--preset--gradient--mesh-purple: linear-gradient(135deg,
			var(--wp--preset--color--lavender) 0%,
			var(--wp--preset--color--violet) 25%,
			var(--wp--preset--color--sky) 50%,
			var(--wp--preset--color--mint) 75%,
			var(--wp--preset--color--cyber-lime) 100%) !important;
		--wp--preset--gradient--rainbow-mesh: linear-gradient(90deg,
			var(--color-primary) 0%,
			var(--color-button) 25%,
			var(--color-accent) 50%,
			var(--color-secondary) 75%,
			var(--color-primary) 100%) !important;
		--wp--preset--gradient--radial-spotlight: radial-gradient(ellipse at center, color-mix(in srgb, var(--color-primary) 35%, transparent) 0%, transparent 70%) !important;
		--wp--preset--gradient--radial-glow: radial-gradient(ellipse at top,
			color-mix(in srgb, var(--color-primary), var(--color-secondary) 35%) 0%,
			color-mix(in srgb, var(--color-bg), var(--color-secondary) 60%) 50%,
			var(--color-bg) 100%) !important;
		--wp--preset--gradient--glass-white: linear-gradient(135deg,
			color-mix(in srgb, var(--color-content-bg), transparent 60%) 0%,
			color-mix(in srgb, var(--color-content-bg), transparent 85%) 100%) !important;
		--wp--preset--gradient--glass-dark: linear-gradient(135deg,
			color-mix(in srgb, var(--color-bg), transparent 60%) 0%,
			color-mix(in srgb, var(--color-bg), transparent 85%) 100%) !important;
		--wp--preset--color--header-bg-color: var(--color-bg) !important;
		--wp--preset--color--header-color: var(--color-text) !important;
		--wp--preset--color--header-site-title: var(--color-headline) !important;
		--wp--preset--color--header-site-tagline: var(--color-text-sec) !important;
		--wp--preset--color--content-bg-color: var(--color-content-bg) !important;
		--wp--preset--color--content-border-color: var(--color-border) !important;
		--wp--preset--color--main-menu-bg-color: var(--color-content-bg) !important;
		--wp--preset--color--main-menu-links: var(--color-text) !important;
		--wp--preset--color--main-menu-active: var(--color-primary) !important;
		--wp--preset--color--sidebar-bg-color: var(--color-content-bg) !important;
		--wp--preset--color--sidebar-text: var(--color-text-sec) !important;
		--wp--preset--color--sidebar-title: var(--color-headline) !important;
		--wp--preset--color--sidebar-links: var(--color-links) !important;
		--wp--preset--color--footer-bg-color: var(--color-bg) !important;
		--wp--preset--color--footer-text: var(--color-text-sec) !important;
		--wp--preset--color--footer-title: var(--color-headline) !important;
		--wp--preset--color--footer-links: var(--color-links) !important;
		--color-header-bg: var(--color-bg);
		--color-header-text: var(--color-text);
		--color-header-title: var(--color-headline);
		--color-header-tagline: var(--color-text-sec);
		--color-header-menu-links: var(--color-links);
		--color-header-menu-hover: var(--color-links);
		--color-header-menu-active: var(--color-primary);
		--color-header-submenu-bg: var(--color-content-bg);
		--color-header-submenu-links: var(--color-text);
		--color-header-submenu-hover: var(--color-links);
		--color-main-menu-bg: var(--color-content-bg);
		--color-main-menu-links: var(--color-text);
		--color-main-menu-active: var(--color-primary);
		--color-main-menu-subtext: var(--color-text-sec);
		--color-main-menu-submenu-bg: var(--color-content-bg);
		--color-main-menu-submenu-links: var(--color-text);
		--color-main-menu-icons: var(--color-text);
		--color-main-menu-social: var(--color-links);
		--color-sidebar-bg: var(--color-content-bg);
		--color-sidebar-text: var(--color-text-sec);
		--color-sidebar-title: var(--color-headline);
		--color-sidebar-links: var(--color-links);
		--color-footer-bg: var(--color-bg);
		--color-footer-text: var(--color-text-sec);
		--color-footer-title: var(--color-headline);
		--color-footer-links: var(--color-links);
		--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
		--shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
		--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.55);
		--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.65);
		color-scheme: dark;
		accent-color: var(--color-accent);
	}
}
/* Component adjustments */
[data-theme="dark"] pre,
[data-theme="dark"] code {
	background: color-mix(in srgb, var(--color-content-bg), white 5%);
}
[data-theme="dark"] code a { color: var(--color-links); }
[data-theme="dark"] hr {
	border-block-start: 1px solid color-mix(in srgb, var(--color-border), white 10%);
	border-block-end: 1px solid color-mix(in srgb, var(--color-border), black 20%);
}
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
	background-color: var(--color-content-bg);
	border-color: var(--color-border);
	color: var(--color-text);
}
[data-theme="dark"] select {
	color: var(--color-text-sec);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='currentColor' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}
/* Block adjustments */
[data-theme="dark"] .wp-block-list.is-style-numbered li::before {
	background: color-mix(in srgb, var(--color-primary), var(--color-bg) 35%);
	color: var(--color-text-light);
}
[data-theme="dark"] .wp-block-table.is-style-services thead th,
[data-theme="dark"] .wp-block-table.is-style-services.has-sticky-column thead th:first-child {
	background: color-mix(in srgb, var(--color-content-bg), var(--color-bg) 55%);
	color: var(--color-headline);
}
@media (max-width: 768px) {
	[data-theme="dark"] .wp-block-table[class*="is-style-"]::after {
		background: linear-gradient(to right, transparent, color-mix(in srgb, var(--color-bg), var(--color-text) 20%));
	}
}
[data-theme="dark"] .wp-block-media-text:not(.has-background) .wp-block-media-text__content {
	background: var(--color-content-bg);
}
[data-theme="dark"] .wp-block-media-text:not(.has-text-color) .wp-block-media-text__content {
	color: var(--color-text);
}
/* Toggle styling */
.md-dark-mode-toggle {
	--toggle-size: 40px;
	--toggle-bg: color-mix(in srgb, var(--color-text), transparent 92%);
	--toggle-bg-hover: color-mix(in srgb, var(--color-text), transparent 88%);
	--toggle-border: color-mix(in srgb, var(--color-text), transparent 85%);
	align-items: center;
	background: var(--toggle-bg);
	border: 1px solid var(--toggle-border);
	border-radius: var(--radius-full);
	cursor: pointer;
	display: inline-flex;
	height: var(--toggle-size);
	justify-content: center;
	overflow: hidden;
	position: relative;
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease,
		box-shadow 0.3s ease;
	width: var(--toggle-size);
}
.md-dark-mode-toggle::before {
	background: radial-gradient(circle at center, var(--color-primary), transparent 70%);
	border-radius: inherit;
	content: '';
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: opacity 0.3s ease;
}
.md-dark-mode-toggle:hover {
	background: var(--toggle-bg-hover);
	border-color: color-mix(in srgb, var(--color-primary), transparent 70%);
	transform: scale(1.05);
}
.md-dark-mode-toggle:hover::before {
	opacity: 0.15;
}
.md-dark-mode-toggle:active {
	transform: scale(0.95);
}
.md-dark-mode-toggle:focus-visible {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary), transparent 60%);
	outline: none;
}
.md-dark-mode-toggle [data-theme-icon] {
	align-items: center;
	display: inline-flex;
	font-size: 1.15rem;
	justify-content: center;
	line-height: 1;
	opacity: 0;
	position: absolute;
	transform: scale(0.5) rotate(-30deg);
	transition:
		opacity 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
		transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
		color 0.2s ease,
		filter 0.3s ease;
	z-index: 1;
}
/* In dark mode: show sun icon (switch to light) */
[data-theme="dark"] .md-dark-mode-toggle [data-theme-icon="light"] {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}
/* In light mode: show moon icon (switch to dark) */
:root:not([data-theme="dark"]) .md-dark-mode-toggle [data-theme-icon="dark"],
[data-theme="light"] .md-dark-mode-toggle [data-theme-icon="dark"] {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}
/* Sun icon - warm golden glow */
.md-dark-mode-toggle [data-theme-icon="light"] {
	color: #f59e0b;
	filter: drop-shadow(0 0 4px rgba(245, 158, 11, 0.5));
}
.md-dark-mode-toggle:hover [data-theme-icon="light"] {
	filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.7));
}
/* Moon icon - cool indigo glow */
.md-dark-mode-toggle [data-theme-icon="dark"] {
	color: #6366f1;
	filter: drop-shadow(0 0 4px rgba(99, 102, 241, 0.5));
}
.md-dark-mode-toggle:hover [data-theme-icon="dark"] {
	filter: drop-shadow(0 0 8px rgba(99, 102, 241, 0.7));
}
/* Animation state - dramatic entrance */
.md-dark-mode-toggle.is-animating {
	animation: md-toggle-bounce 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.md-dark-mode-toggle.is-animating::before {
	animation: md-toggle-pulse 0.6s ease-out;
}
/* Sun icon spins like rays rotating */
[data-theme="dark"] .md-dark-mode-toggle.is-animating [data-theme-icon="light"] {
	animation: md-sun-spin 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* Moon icon arcs in like rising */
[data-theme="light"] .md-dark-mode-toggle.is-animating [data-theme-icon="dark"],
:root:not([data-theme="dark"]) .md-dark-mode-toggle.is-animating [data-theme-icon="dark"] {
	animation: md-moon-arc 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* Switched to light - sunburst effect */
[data-theme="light"] .md-dark-mode-toggle.is-animating::after {
	animation: md-sunburst 0.6s ease-out;
	background: radial-gradient(circle, rgba(245, 158, 11, 0.4) 0%, transparent 70%);
	border-radius: 50%;
	content: '';
	height: 200%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 200%;
}
/* Switched to dark - moonrise effect */
[data-theme="dark"] .md-dark-mode-toggle.is-animating::after {
	animation: md-moonrise 0.6s ease-out;
	background: radial-gradient(circle, rgba(99, 102, 241, 0.35) 0%, transparent 70%);
	border-radius: 50%;
	content: '';
	height: 200%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 200%;
}
@keyframes md-toggle-bounce {
	0% {
		transform: scale(1);
	}
	20% {
		transform: scale(0.9);
	}
	50% {
		transform: scale(1.15);
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
	}
	80% {
		transform: scale(0.98);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes md-toggle-pulse {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}
	40% {
		opacity: 0.4;
		transform: scale(1.1);
	}
	100% {
		opacity: 0;
		transform: scale(1.3);
	}
}
/* Sun spins 360° like rotating rays */
@keyframes md-sun-spin {
	0% {
		opacity: 0;
		transform: scale(0.3) rotate(-180deg);
	}
	50% {
		opacity: 1;
		transform: scale(1.15) rotate(180deg);
	}
	75% {
		transform: scale(0.95) rotate(340deg);
	}
	100% {
		opacity: 1;
		transform: scale(1) rotate(360deg);
	}
}
/* Moon arcs in with subtle wobble */
@keyframes md-moon-arc {
	0% {
		opacity: 0;
		transform: scale(0.3) rotate(-90deg) translateY(8px);
	}
	50% {
		opacity: 1;
		transform: scale(1.15) rotate(15deg) translateY(-2px);
	}
	75% {
		transform: scale(0.95) rotate(-8deg) translateY(0);
	}
	100% {
		opacity: 1;
		transform: scale(1) rotate(0deg) translateY(0);
	}
}
@keyframes md-sunburst {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.3);
	}
	30% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.5);
	}
}
@keyframes md-moonrise {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.5) rotate(-45deg);
	}
	30% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.3) rotate(0deg);
	}
}
/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
	.md-dark-mode-toggle,
	.md-dark-mode-toggle::before,
	.md-dark-mode-toggle [data-theme-icon] {
		transition: none;
	}
	.md-dark-mode-toggle.is-animating,
	.md-dark-mode-toggle.is-animating::before,
	.md-dark-mode-toggle.is-animating::after,
	.md-dark-mode-toggle.is-animating [data-theme-icon] {
		animation: none;
	}
}