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

	--ink: #17212b;
	--graphite: #252b2f;
	--graphite-dark: #1b2124;
	--red: #cf253c;
	--red-dark: #b31e32;
	--cyan: #0096c8;
	--cyan-14: rgba(0, 150, 200, 0.14);
	--cyan-12: rgba(0, 150, 200, 0.12);
	--amber: #f0a23a;
	--amber-14: rgba(240, 162, 58, 0.14);
	--red-14: rgba(207, 37, 60, 0.14);
	--steel: #9aa0a6;
	--steel-14: rgba(154, 160, 166, 0.14);
	--ice: #e8f1f5;
	--line: rgba(37, 43, 47, 0.12);
	--line-soft: rgba(37, 43, 47, 0.06);
	--white: #fff;
	--white-94: rgba(255, 255, 255, 0.94);
	--white-40: rgba(255, 255, 255, 0.4);
	--white-14: rgba(255, 255, 255, 0.14);
	--white-12: rgba(255, 255, 255, 0.12);
	--white-10: rgba(255, 255, 255, 0.1);
	--shadow-header: 0 6px 24px rgba(23, 33, 43, 0.12);
	--shadow-nav: 0 16px 30px rgba(23, 33, 43, 0.18);

	--container: 1280px;
	--container-padding: 40px;
	--header-bar: 80px;
	--section-padding: 120px;
	--transition: 0.25s ease;
}

@media (max-width: 1180px) {
	:root {
		--header-bar: 68px;
		--section-padding: 88px;
	}
}

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