:root {
	--font-family: "Manrope", sans-serif;

	--accent: #405e6b;
	--accent-dark: #334c57;
	--ink: #28343b;
	--ink-80: rgba(40, 52, 59, 0.8);
	--ink-78: rgba(40, 52, 59, 0.78);
	--ink-75: rgba(40, 52, 59, 0.75);
	--ink-70: rgba(40, 52, 59, 0.7);
	--ink-60: rgba(40, 52, 59, 0.6);
	--ink-50: rgba(40, 52, 59, 0.5);
	--ink-16: rgba(40, 52, 59, 0.16);
	--mint: #e6ecee;
	--sand: #f5f3ef;
	--white: #fff;
	--white-76: rgba(255, 255, 255, 0.76);
	--white-60: rgba(255, 255, 255, 0.6);
	--white-30: rgba(255, 255, 255, 0.3);
	--white-16: rgba(255, 255, 255, 0.16);
	--brand-green: #526858;
	--brand-orange: #ff661f;
	--scheme-bg: #fdfdfd;
	--shadow-header: 0 6px 24px rgba(40, 52, 59, 0.08);
	--shadow-nav: 0 16px 30px rgba(40, 52, 59, 0.1);

	--container: 1280px;
	--container-padding: 40px;
	--header-height: 88px;
	--section-padding: 120px;
	--radius-btn: 10px;
	--radius-img: 12px;
	--radius-card: 16px;
	--transition: 0.25s ease;
}

@media (max-width: 1180px) {
	:root {
		--header-height: 72px;
		--section-padding: 80px;
	}
}

@media (max-width: 767px) {
	:root {
		--container-padding: 15px;
		--header-height: 72px;
		--section-padding: 60px;
	}
}