/*
 * Light and dark colour tokens (front end only; the editor uses the light palette from theme.json).
 * Palette is provisional until the founder's colour reference is supplied.
 *
 * Order of precedence: an explicit choice (data-theme set by the boot script) wins;
 * without JavaScript the system preference applies, with dark as the fallback.
 */
html:not([data-theme]),
html[data-theme="dark"] {
	--wp--preset--color--base: #101214;
	--wp--preset--color--surface: #191d21;
	--wp--preset--color--contrast: #f3f5f7;
	--wp--preset--color--muted: #b8c2cc;
	--wp--preset--color--accent: #c2d9ea;
	--wp--preset--color--on-accent: #101214;
	--wp--preset--color--line: #2c333a;
	--mu-highlight: rgba(194, 217, 234, 0.12);
	--mu-face-1: rgba(243, 245, 247, 0.07);
	--mu-face-2: rgba(243, 245, 247, 0.035);
	--mu-face-3: rgba(243, 245, 247, 0.015);
	color-scheme: dark;
}

html[data-theme="light"] {
	--wp--preset--color--base: #f5f6f7;
	--wp--preset--color--surface: #ffffff;
	--wp--preset--color--contrast: #171b20;
	--wp--preset--color--muted: #505c68;
	--wp--preset--color--accent: #254e6b;
	--wp--preset--color--on-accent: #ffffff;
	--wp--preset--color--line: #d5dbe1;
	--mu-highlight: rgba(37, 78, 107, 0.09);
	--mu-face-1: rgba(23, 27, 32, 0.06);
	--mu-face-2: rgba(23, 27, 32, 0.03);
	--mu-face-3: rgba(23, 27, 32, 0.012);
	color-scheme: light;
}

@media (prefers-color-scheme: light) {
	html:not([data-theme]) {
		--wp--preset--color--base: #f5f6f7;
		--wp--preset--color--surface: #ffffff;
		--wp--preset--color--contrast: #171b20;
		--wp--preset--color--muted: #505c68;
		--wp--preset--color--accent: #254e6b;
		--wp--preset--color--on-accent: #ffffff;
		--wp--preset--color--line: #d5dbe1;
		--mu-highlight: rgba(37, 78, 107, 0.09);
		--mu-face-1: rgba(23, 27, 32, 0.06);
		--mu-face-2: rgba(23, 27, 32, 0.03);
		--mu-face-3: rgba(23, 27, 32, 0.012);
		color-scheme: light;
	}
}