:root {
	--color-background: #fbfcfa;
	--color-surface: #ffffff;
	--color-ink: #17211d;
	--color-muted: #5f6f68;
	--color-border: #d8e0dc;
	--color-primary: #157f6d;
	--color-primary-dark: #0f5f52;
	--color-accent: #d9553f;
	--color-highlight: #f2c14e;
	--shadow-soft: 0 18px 45px rgba(23, 33, 29, 0.1);
	--radius-sm: 6px;
	--radius-md: 8px;
	--container: 1180px;
	--space-section: clamp(3rem, 6vw, 6rem);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--color-background);
	color: var(--color-ink);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
}

img,
svg,
video {
	display: block;
	height: auto;
	max-width: 100%;
}

a {
	color: var(--color-primary-dark);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

a:hover,
a:focus {
	color: var(--color-accent);
}

button,
input,
select,
textarea {
	font: inherit;
}

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

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