:root {
	--color-background: #f7f3ec;
	--color-surface: #fffcf7;
	--color-ink: #1a1f1c;
	--color-brand: #2c7d83;
	--color-on-brand: #fffcf7;
	--color-cta: #3d4f2f;
	--color-on-cta: #fffcf7;
	--color-offer: #c45a2a;
	--color-muted: #5c6560;
	--color-border: #d9d2c5;
	--color-hero-scrim: rgba(18, 24, 20, 0.42);

	--font-display: Gosznak, Manrope, sans-serif;
	--font-body: Manrope, sans-serif;

	--space-xs: 4px;
	--space-sm: 8px;
	--space-md: 16px;
	--space-lg: 24px;
	--space-xl: 32px;
	--space-2xl: 48px;
	--space-3xl: 64px;
	--space-4xl: 96px;
	--space-5xl: 128px;

	--page-gutter: 50px;
	--page-max: 1200px;
	--radius: 8px;
	--header-h: 96px;
	--sticky-cta-h: 72px;
	--ease: cubic-bezier(0.22, 1, 0.36, 1);
	--duration: 200ms;

	--main-black: #1a1f1c;
	--main-white: #fffcf7;
}

@media (max-width: 800px) {
	:root {
		--page-gutter: 16px;
		--header-h: 80px;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--duration: 1ms;
	}
}