/*
 * Hell/Dunkel-Modi.
 * Dunkel ist der Standard (theme.json). Hier werden die Palette-Variablen je Modus überschrieben.
 * Werte müssen mit theme.json (dunkel) und styles/hell.json (hell) übereinstimmen:
 * `node bin/contrast-check.mjs` prüft das.
 *
 * Auswahl: data-theme="light|dark" auf <html> (Umschalter / gespeicherte Wahl),
 * sonst gilt die Systemeinstellung (prefers-color-scheme), ohne Präferenz dunkel.
 */
:root[data-theme="dark"] {
	color-scheme: dark;
	--wp--preset--color--base: #12110E;
	--wp--preset--color--surface: #1C1A16;
	--wp--preset--color--border: #2E2A23;
	--wp--preset--color--border-strong: #857C6C;
	--wp--preset--color--contrast: #F3EEE4;
	--wp--preset--color--muted: #C9C1B2;
	--wp--preset--color--accent: #F2A541;
	--wp--preset--color--accent-hover: #FFD08A;
	--wp--preset--color--accent-2: #7FD1AE;
	--wp--preset--color--apple: #E8432F;
	--wp--preset--color--amber: #F2A541;
	--wp--preset--color--amber-hover: #FFD08A;
	--wp--preset--color--on-accent: #12110E;
}

:root[data-theme="light"] {
	color-scheme: light;
	--wp--preset--color--base: #FAF7F0;
	--wp--preset--color--surface: #F0EBE0;
	--wp--preset--color--border: #DDD5C6;
	--wp--preset--color--border-strong: #7A7060;
	--wp--preset--color--contrast: #1C1A16;
	--wp--preset--color--muted: #5C5546;
	--wp--preset--color--accent: #8A5300;
	--wp--preset--color--accent-hover: #5C3700;
	--wp--preset--color--accent-2: #1B7452;
	--wp--preset--color--apple: #E8432F;
	--wp--preset--color--amber: #F2A541;
	--wp--preset--color--amber-hover: #FFD08A;
	--wp--preset--color--on-accent: #12110E;
}

@media (prefers-color-scheme: light) {
	:root:not([data-theme]) {
		color-scheme: light;
		--wp--preset--color--base: #FAF7F0;
		--wp--preset--color--surface: #F0EBE0;
		--wp--preset--color--border: #DDD5C6;
		--wp--preset--color--border-strong: #7A7060;
		--wp--preset--color--contrast: #1C1A16;
		--wp--preset--color--muted: #5C5546;
		--wp--preset--color--accent: #8A5300;
		--wp--preset--color--accent-hover: #5C3700;
		--wp--preset--color--accent-2: #1B7452;
		--wp--preset--color--apple: #E8432F;
		--wp--preset--color--amber: #F2A541;
		--wp--preset--color--amber-hover: #FFD08A;
		--wp--preset--color--on-accent: #12110E;
	}
}