:root {
	--color-primary: #087f72;
	--color-primary-dark: #075e55;
	--color-primary-soft: #e2f3ef;
	--color-accent: #e46c47;
	--color-accent-soft: #fff0e9;
	--color-ink: #17312e;
	--color-ink-soft: #294945;
	--color-muted: #61736f;
	--color-line: #dce8e5;
	--color-surface: #ffffff;
	--color-soft: #f0f8f6;
	--color-page: #f7faf9;
	--color-success: #168b67;
	--shadow-sm: 0 0.25rem 1rem rgb(18 62 56 / 8%);
	--shadow-md: 0 1.25rem 3.5rem rgb(18 62 56 / 13%);
	--shadow-focus: 0 0 0 0.2rem rgb(8 127 114 / 25%);
	--radius-sm: 0.65rem;
	--radius-md: 1rem;
	--radius-lg: 1.5rem;
	--radius-xl: 2rem;
	--font-body: Tahoma, Arial, "Segoe UI", sans-serif;
	--container: 74rem;
	--content: 47.5rem;
	--header-height: 4.75rem;
	--space-section: clamp(4rem, 8vw, 7.5rem);
	--transition: 180ms ease;
}