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

	--accent: #d96b3b;
	--accent-dark: #c25a2c;
	--accent-12: rgba(217, 107, 59, 0.12);
	--deep: #164e59;
	--ink: #182326;
	--ink-85: rgba(24, 35, 38, 0.85);
	--ink-75: rgba(24, 35, 38, 0.75);
	--ink-70: rgba(24, 35, 38, 0.7);
	--ink-68: rgba(24, 35, 38, 0.68);
	--ink-60: rgba(24, 35, 38, 0.6);
	--ink-40: rgba(24, 35, 38, 0.4);
	--ink-10: rgba(24, 35, 38, 0.1);
	--ink-09: rgba(24, 35, 38, 0.09);
	--mist: #f1f3ee;
	--line: #adb9b8;
	--line-35: rgba(173, 185, 184, 0.35);
	--white: #fff;
	--white-96: rgba(255, 255, 255, 0.96);
	--white-85: rgba(255, 255, 255, 0.85);
	--white-60: rgba(255, 255, 255, 0.6);
	--white-16: rgba(255, 255, 255, 0.16);
	--white-10: rgba(255, 255, 255, 0.1);
	--shadow-header: 0 6px 24px rgba(24, 35, 38, 0.08);
	--shadow-nav: 0 16px 30px rgba(24, 35, 38, 0.1);

	--container: 1280px;
	--container-padding: 40px;
	--header-height: 88px;
	--section-padding: 88px;
	--transition: 0.25s ease;
}

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

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