/*
 * 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 {
	--durance-logomark-plate: #ffffff;
	--durance-logomark-ink: #0a0a0a;
	--durance-logomark-accent: #e8600a;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--wp--preset--color--bg: #0a0a0a;
		--wp--preset--color--surface: #0a0a0a;
		--wp--preset--color--surface-muted: #171717;
		--wp--preset--color--foreground: #f5f5f5;
		--wp--preset--color--heading: #ffffff;
		--wp--preset--color--muted: #a3a3a3;
		--wp--preset--color--muted-soft: #8f8f8f;
		--wp--preset--color--border: #2a2a2a;
		--wp--preset--color--hairline: #262626;
		--wp--preset--color--border-strong: #6b6b6b;
		--wp--preset--color--link: #f5f5f5;
		--wp--preset--color--accent: #f5f5f5;
		--wp--preset--color--accent-hover: #ffffff;
		--wp--preset--color--accent-strong: #ff9142;
		--wp--preset--color--accent-ink: #0a0a0a;
		--wp--preset--color--accent-wash: rgb(255 145 66 / 12%);
		--wp--preset--color--deep: #171717;
		--wp--preset--color--deep-darker: #0a0a0a;
		--wp--preset--color--deep-raised: #262626;
		--wp--preset--color--brand: #171717;
		--wp--preset--color--danger: #ff9142;
		--wp--preset--color--danger-surface: #2a1a10;
		--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%);
		--durance-logomark-plate: #0a0a0a;
		--durance-logomark-ink: #f5f5f5;
		--durance-logomark-accent: #ff9142;
		color-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--wp--preset--color--bg: #0a0a0a;
	--wp--preset--color--surface: #0a0a0a;
	--wp--preset--color--surface-muted: #171717;
	--wp--preset--color--foreground: #f5f5f5;
	--wp--preset--color--heading: #ffffff;
	--wp--preset--color--muted: #a3a3a3;
	--wp--preset--color--muted-soft: #8f8f8f;
	--wp--preset--color--border: #2a2a2a;
	--wp--preset--color--hairline: #262626;
	--wp--preset--color--border-strong: #6b6b6b;
	--wp--preset--color--link: #f5f5f5;
	--wp--preset--color--accent: #f5f5f5;
	--wp--preset--color--accent-hover: #ffffff;
	--wp--preset--color--accent-strong: #ff9142;
	--wp--preset--color--accent-ink: #0a0a0a;
	--wp--preset--color--accent-wash: rgb(255 145 66 / 12%);
	--wp--preset--color--deep: #171717;
	--wp--preset--color--deep-darker: #0a0a0a;
	--wp--preset--color--deep-raised: #262626;
	--wp--preset--color--brand: #171717;
	--wp--preset--color--danger: #ff9142;
	--wp--preset--color--danger-surface: #2a1a10;
	--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%);
	--durance-logomark-plate: #0a0a0a;
	--durance-logomark-ink: #f5f5f5;
	--durance-logomark-accent: #ff9142;
	color-scheme: dark;
}