/*
 * Dark mode. theme.json holds the light palette; these override the same
 * preset custom properties. Follows the OS unless the visitor picked a theme
 * with the toggle ([data-theme] on <html>).
 */
:root {
	--gearsync-logomark-plate: #f4f1ea;
	--gearsync-logomark-ink: #3d5a80;
	--gearsync-logomark-accent: #e8a838;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--wp--preset--color--bg: #181c1b;
		--wp--preset--color--surface: #222725;
		--wp--preset--color--surface-muted: #252a28;
		--wp--preset--color--foreground: #e8e4da;
		--wp--preset--color--heading: #f4f1ea;
		--wp--preset--color--muted: #b2b0a6;
		--wp--preset--color--muted-soft: #9aa09a;
		--wp--preset--color--border: #333935;
		--wp--preset--color--hairline: #2b312e;
		--wp--preset--color--border-strong: #474d48;
		--wp--preset--color--link: #8fb0d6;
		--wp--preset--color--accent-strong: #6e93c0;
		--wp--preset--color--accent-wash: rgb(110 147 192 / 14%);
		--wp--preset--color--danger: #f97066;
		--wp--preset--color--danger-surface: #3a1816;
		--wp--preset--color--accent: #6e93c0;
		--wp--preset--color--accent-hover: #85a6cf;
		--wp--preset--color--accent-ink: #12171b;
		--wp--preset--color--brand: #2f4966;
		--wp--preset--shadow--sm: 0 1px 2px rgb(0 0 0 / 40%), 0 1px 3px rgb(0 0 0 / 35%);
		--wp--preset--shadow--md: 0 4px 12px rgb(0 0 0 / 45%), 0 2px 4px rgb(0 0 0 / 35%);
		--wp--preset--shadow--lg: 0 18px 48px rgb(0 0 0 / 55%), 0 6px 16px rgb(0 0 0 / 40%);
		--wp--custom--card-shadow: 0 1px 3px rgb(0 0 0 / 40%);
		--gearsync-logomark-plate: #1c2321;
		--gearsync-logomark-ink: #d7e2f0;
		--gearsync-logomark-accent: #e8a838;
		color-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--wp--preset--color--bg: #181c1b;
	--wp--preset--color--surface: #222725;
	--wp--preset--color--surface-muted: #252a28;
	--wp--preset--color--foreground: #e8e4da;
	--wp--preset--color--heading: #f4f1ea;
	--wp--preset--color--muted: #b2b0a6;
	--wp--preset--color--muted-soft: #9aa09a;
	--wp--preset--color--border: #333935;
	--wp--preset--color--hairline: #2b312e;
	--wp--preset--color--border-strong: #474d48;
	--wp--preset--color--link: #8fb0d6;
	--wp--preset--color--accent-strong: #6e93c0;
	--wp--preset--color--accent-wash: rgb(110 147 192 / 14%);
	--wp--preset--color--danger: #f97066;
	--wp--preset--color--danger-surface: #3a1816;
	--wp--preset--color--accent: #6e93c0;
	--wp--preset--color--accent-hover: #85a6cf;
	--wp--preset--color--accent-ink: #12171b;
	--wp--preset--color--brand: #2f4966;
	--wp--preset--shadow--sm: 0 1px 2px rgb(0 0 0 / 40%), 0 1px 3px rgb(0 0 0 / 35%);
	--wp--preset--shadow--md: 0 4px 12px rgb(0 0 0 / 45%), 0 2px 4px rgb(0 0 0 / 35%);
	--wp--preset--shadow--lg: 0 18px 48px rgb(0 0 0 / 55%), 0 6px 16px rgb(0 0 0 / 40%);
	--wp--custom--card-shadow: 0 1px 3px rgb(0 0 0 / 40%);
	--gearsync-logomark-plate: #1c2321;
	--gearsync-logomark-ink: #d7e2f0;
	--gearsync-logomark-accent: #e8a838;
	color-scheme: dark;
}