:root {
	color-scheme: light;
}

html[data-theme="dark"] {
	color-scheme: dark;
	--wp--preset--color--foreground: var(--wp--custom--color--dark--foreground);
	--wp--preset--color--foreground-muted: var(--wp--custom--color--dark--foreground-muted);
	--wp--preset--color--foreground-subtle: var(--wp--custom--color--dark--foreground-subtle);
	--wp--preset--color--surface: var(--wp--custom--color--dark--surface);
	--wp--preset--color--surface-muted: var(--wp--custom--color--dark--surface-muted);
	--wp--preset--color--surface-strong: var(--wp--custom--color--dark--surface-strong);
	--wp--preset--color--surface-accent: var(--wp--custom--color--dark--surface-accent);
	--wp--preset--color--border: var(--wp--custom--color--dark--border);
	--wp--preset--color--border-strong: var(--wp--custom--color--dark--border-strong);
	--wp--preset--color--link: var(--wp--custom--color--dark--link);
	--wp--preset--color--link-hover: var(--wp--custom--color--dark--link-hover);
	--wp--preset--color--accent: var(--wp--custom--color--dark--accent);
	--wp--preset--color--accent-secondary: var(--wp--custom--color--dark--accent-secondary);
	--wp--preset--color--on-strong: var(--wp--custom--color--dark--on-strong);
	--wp--preset--color--on-accent: var(--wp--custom--color--dark--on-accent);
	--wp--preset--color--focus: var(--wp--custom--color--dark--focus);
}

@media (prefers-color-scheme: dark) {

	html:not([data-theme="light"]):not([data-theme="dark"]) {
		color-scheme: dark;
		--wp--preset--color--foreground: var(--wp--custom--color--dark--foreground);
		--wp--preset--color--foreground-muted: var(--wp--custom--color--dark--foreground-muted);
		--wp--preset--color--foreground-subtle: var(--wp--custom--color--dark--foreground-subtle);
		--wp--preset--color--surface: var(--wp--custom--color--dark--surface);
		--wp--preset--color--surface-muted: var(--wp--custom--color--dark--surface-muted);
		--wp--preset--color--surface-strong: var(--wp--custom--color--dark--surface-strong);
		--wp--preset--color--surface-accent: var(--wp--custom--color--dark--surface-accent);
		--wp--preset--color--border: var(--wp--custom--color--dark--border);
		--wp--preset--color--border-strong: var(--wp--custom--color--dark--border-strong);
		--wp--preset--color--link: var(--wp--custom--color--dark--link);
		--wp--preset--color--link-hover: var(--wp--custom--color--dark--link-hover);
		--wp--preset--color--accent: var(--wp--custom--color--dark--accent);
		--wp--preset--color--accent-secondary: var(--wp--custom--color--dark--accent-secondary);
		--wp--preset--color--on-strong: var(--wp--custom--color--dark--on-strong);
		--wp--preset--color--on-accent: var(--wp--custom--color--dark--on-accent);
		--wp--preset--color--focus: var(--wp--custom--color--dark--focus);
	}
}