/*
 * 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 {
	--forwardfi-logomark-plate: #f7f9fb;
	--forwardfi-logomark-ink: #0b2033;
	--forwardfi-logomark-accent: #7ba617;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--wp--preset--color--bg: #070f18;
		--wp--preset--color--surface: #0f2138;
		--wp--preset--color--surface-muted: #0f2138;
		--wp--preset--color--foreground: #eef1f4;
		--wp--preset--color--heading: #ffffff;
		--wp--preset--color--muted: #b8c2cc;
		--wp--preset--color--muted-soft: #8795a3;
		--wp--preset--color--border: #2f3b46;
		--wp--preset--color--hairline: #22303c;
		--wp--preset--color--border-strong: #5c6b78;
		--wp--preset--color--link: #c8f542;
		--wp--preset--color--accent-strong: #c8f542;
		--wp--preset--color--accent-wash: rgb(200 245 66 / 10%);
		--wp--preset--color--danger: #f97066;
		--wp--preset--color--danger-surface: #3a1816;
		--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%);
		--forwardfi-logomark-plate: #070f18;
		--forwardfi-logomark-ink: #e8f0f7;
		--forwardfi-logomark-accent: #c8f542;
		color-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--wp--preset--color--bg: #070f18;
	--wp--preset--color--surface: #0f2138;
	--wp--preset--color--surface-muted: #0f2138;
	--wp--preset--color--foreground: #eef1f4;
	--wp--preset--color--heading: #ffffff;
	--wp--preset--color--muted: #b8c2cc;
	--wp--preset--color--muted-soft: #8795a3;
	--wp--preset--color--border: #2f3b46;
	--wp--preset--color--hairline: #22303c;
	--wp--preset--color--border-strong: #5c6b78;
	--wp--preset--color--link: #c8f542;
	--wp--preset--color--accent-strong: #c8f542;
	--wp--preset--color--accent-wash: rgb(200 245 66 / 10%);
	--wp--preset--color--danger: #f97066;
	--wp--preset--color--danger-surface: #3a1816;
	--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%);
	--forwardfi-logomark-plate: #070f18;
	--forwardfi-logomark-ink: #e8f0f7;
	--forwardfi-logomark-accent: #c8f542;
	color-scheme: dark;
}