:root {
	--bx-green: #087c34;
	--bx-green-2: #35a936;
	--bx-green-deep: #055a26;
	--bx-green-light: #e3f6ea;
	--bx-bg: #eef8f1;
	--bx-dark: #071629;
	--bx-text: #3d4a44;
	--bx-border: #b9dcc6;
	--bx-white: #ffffff;
	--bx-radius-sm: 10px;
	--bx-radius-md: 16px;
	--bx-radius-lg: 24px;
	--bx-shadow-sm: 0 10px 35px rgba(7, 22, 41, 0.07);
	--bx-container: 1440px;
	--bx-container-wide: 1680px;
	--bx-gutter: clamp(20px, 3vw, 64px);
	--bx-fs-body: clamp(16px, 1vw, 18px);
	--bx-fs-h1: clamp(42px, 4vw, 72px);
	--bx-fs-h2: clamp(30px, 2.8vw, 48px);
	--bx-section-y: clamp(60px, 7vw, 110px);
}

@media (min-width: 2200px) {
	:root {
		--bx-container: 1680px;
		--bx-container-wide: 1800px;
	}
}

@media (min-width: 3000px) {
	:root {
		--bx-container: 1760px;
		--bx-container-wide: 1920px;
	}
}