:root {
	--du-color-primary: #c2410c;
	--du-color-primary-hover: #9a3412;
	--du-color-on-primary: #ffffff;
	--du-color-secondary: #65a30d;
	--du-color-on-secondary: #ffffff;
	--du-color-background: #fafaf9;
	--du-color-on-background: #1c1917;
	--du-color-surface-lowest: #ffffff;
	--du-color-surface-low: #f5f5f4;
	--du-color-surface-container: #e7e5e4;
	--du-color-surface-high: #78716c;
	--du-color-outline: #78716c;
	--du-color-error: #dc2626;
	--du-color-ink: #1c1917;
	--du-color-canvas: #fafaf9;

	--du-font-display: "Cormorant Garamond", Georgia, serif;
	--du-font-body: "Manrope", system-ui, sans-serif;

	--du-text-display-lg: 700 3.5rem/1.1 var(--du-font-display);
	--du-text-headline-md: 600 2rem/1.2 var(--du-font-display);
	--du-text-headline-sm: 600 1.25rem/1.35 var(--du-font-body);
	--du-text-body-md: 400 1rem/1.65 var(--du-font-body);
	--du-text-label-sm: 600 0.75rem/1.2 var(--du-font-body);

	--du-space-xs: 0.25rem;
	--du-space-sm: 0.5rem;
	--du-space-md: 1rem;
	--du-space-lg: 1.5rem;
	--du-space-xl: 2rem;
	--du-space-xxl: 3rem;
	--du-section-y: 6rem;
	--du-section-y-mobile: 4rem;

	--du-radius-sm: 8px;
	--du-radius-md: 12px;
	--du-radius-lg: 16px;
	--du-radius-xl: 24px;
	--du-radius-pill: 999px;

	--du-shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.06);
	--du-shadow-md: 0 8px 24px rgba(28, 25, 23, 0.08);
	--du-shadow-lg: 0 16px 40px rgba(28, 25, 23, 0.12);

	--du-motion-fast: 150ms;
	--du-motion-normal: 280ms;
	--du-easing: cubic-bezier(0.22, 1, 0.36, 1);

	--du-container-max: 72rem;
	--du-header-height: 4.5rem;
	--du-z-header: 100;
	--du-z-cookie: 200;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--du-motion-fast: 0ms;
		--du-motion-normal: 0ms;
	}
}