/* Light theme with a teal accent */
:root {
	--color-bg: #fbfaf7;
	--color-surface: #f1efe9;
	--color-text: #1d2321;
	--color-muted: #5d6764;
	--color-border: #e4e1d8;
	--color-accent: #1bb1a0;
	--color-on-accent: #0f2b28;
	/* Darker teal of the accent (same hue) for text links: 4.99:1 on --color-bg */
	--color-link: #0e7a6f;

	--header-bg: rgba(251, 250, 247, 0.88);
	/* Light footer; the logo teal as top line separates it from the page */
	--footer-bg: #f1efe9;
	--footer-text: #1d2321;
	--footer-line: #00a898;

	/* The wordmark is wide and needs more height to stay legible */
	--header-height: 5.5rem;
	--logo-height: 4rem;

	--hero-overlay: #00332d;
}