:root {
	--wr-color-primary: #24463e;
	--wr-color-primary-dark: #1a332e;
	--wr-color-sage: #dce6df;
	--wr-color-sand: #f2ede4;
	--wr-color-bg: #fbfaf7;
	--wr-color-surface: #ffffff;
	--wr-color-accent: #d87355;
	--wr-color-accent-dark: #c25f42;
	--wr-color-text: #202725;
	--wr-color-muted: #747b77;
	--wr-color-border: #e5e5e0;
	--wr-color-focus: #24463e;
	--wr-color-brand: var(--wr-color-primary);
	--wr-color-brand-dark: var(--wr-color-primary-dark);
	--wr-color-brand-contrast: #fbfaf7;
	--wr-font-sans: "Manrope", "Segoe UI", system-ui, sans-serif;
	--wr-font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;
	--wr-text-body: 1.125rem;
	--wr-space-1: 0.25rem;
	--wr-space-2: 0.5rem;
	--wr-space-3: 0.75rem;
	--wr-space-4: 1rem;
	--wr-space-6: 1.5rem;
	--wr-space-8: 2rem;
	--wr-section: clamp(4.5rem, 10vw, 9rem);
	--wr-radius-sm: 12px;
	--wr-radius-md: 22px;
	--wr-radius-lg: 36px;
	--wr-radius: var(--wr-radius-md);
	--wr-container: 1280px;
	--wr-container-wide: 1440px;
	--wr-text-width: 760px;
	--wr-gutter: clamp(1.25rem, 4vw, 3rem);
	--wr-shadow: none;
	--wr-header-h: 4.75rem;
}

html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}