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

	--night: #313131;
	--light: #edf4f3;
	--red: #e80000;
	--red-dark: #bb0000;
	--blue: #1683a5;
	--ink-82: rgba(49, 49, 49, 0.82);
	--ink-75: rgba(49, 49, 49, 0.75);
	--ink-68: rgba(49, 49, 49, 0.68);
	--ink-64: rgba(49, 49, 49, 0.64);
	--ink-20: rgba(49, 49, 49, 0.2);
	--ink-12: rgba(49, 49, 49, 0.12);
	--white: #fff;
	--white-92: rgba(255, 255, 255, 0.92);
	--white-85: rgba(255, 255, 255, 0.85);
	--white-82: rgba(255, 255, 255, 0.82);
	--white-75: rgba(255, 255, 255, 0.75);
	--white-68: rgba(255, 255, 255, 0.68);
	--white-32: rgba(255, 255, 255, 0.32);
	--white-18: rgba(255, 255, 255, 0.18);
	--white-15: rgba(255, 255, 255, 0.15);
	--white-14: rgba(255, 255, 255, 0.14);
	--white-10: rgba(255, 255, 255, 0.1);
	--white-06: rgba(255, 255, 255, 0.06);
	--white-05: rgba(255, 255, 255, 0.05);
	--shadow-header: 0 6px 24px rgba(20, 20, 20, 0.45);
	--shadow-nav: 0 16px 30px rgba(20, 20, 20, 0.45);

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

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

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