/*
 * Design tokens. Colours come from theme.json (--wp--preset--color--*); the dark values below replace them when the
 * device asks for a dark theme. Values follow the prototype (emdash-test/src/styles/theme.css).
 */
:root {
	--feu-on-brand: #fff6e3;
	--feu-border-strong: #e4d3ae;
	--feu-shadow: rgb(58 13 17 / 0.07);
	--feu-shadow-strong: rgb(58 13 17 / 0.14);
	--feu-radius-sm: 6px;
	--feu-radius: 8px;
	--feu-radius-lg: 10px;
	--feu-radius-xl: 14px;
	--feu-wide: 1200px;
	--feu-content: 680px;
	--feu-gutter: clamp(1rem, 4vw, 2rem);
	--feu-ease: cubic-bezier(.2, .7, .2, 1);
}

/* Dark: the device setting, unless the reader chose "Clair" in the footer; or the reader chose "Sombre". */
@media (prefers-color-scheme: dark) {
	:root:not(.theme-light) {
		--wp--preset--color--bg: #1c1213;
		--wp--preset--color--surface: #261a1b;
		--wp--preset--color--fill: #33221f;
		--wp--preset--color--text: #f1e6d6;
		--wp--preset--color--text-secondary: #d6c7b3;
		--wp--preset--color--muted: #a8977f;
		--wp--preset--color--border: #3a2a26;
		--wp--preset--color--brand: #e6c77a;
		--wp--preset--color--gold-text: #d9b565;
		--wp--preset--color--burgundy-deep: #f1d897;
		--feu-on-brand: #2a1213;
		--feu-border-strong: #4d3a33;
		--feu-shadow: rgb(0 0 0 / 0.4);
		--feu-shadow-strong: rgb(0 0 0 / 0.6);
	}
}
:root.theme-dark {
	--wp--preset--color--bg: #1c1213;
	--wp--preset--color--surface: #261a1b;
	--wp--preset--color--fill: #33221f;
	--wp--preset--color--text: #f1e6d6;
	--wp--preset--color--text-secondary: #d6c7b3;
	--wp--preset--color--muted: #a8977f;
	--wp--preset--color--border: #3a2a26;
	--wp--preset--color--brand: #e6c77a;
	--wp--preset--color--gold-text: #d9b565;
	--wp--preset--color--burgundy-deep: #f1d897;
	--feu-on-brand: #2a1213;
	--feu-border-strong: #4d3a33;
	--feu-shadow: rgb(0 0 0 / 0.4);
	--feu-shadow-strong: rgb(0 0 0 / 0.6);
}
:root.theme-light { color-scheme: light; }
:root.theme-dark { color-scheme: dark; }