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

	--ink: #253238;
	--ink-85: rgba(37, 50, 56, 0.85);
	--ink-68: rgba(37, 50, 56, 0.68);
	--ink-65: rgba(37, 50, 56, 0.65);
	--ink-60: rgba(37, 50, 56, 0.6);
	--ink-50: rgba(37, 50, 56, 0.5);
	--ink-40: rgba(37, 50, 56, 0.4);
	--ink-30: rgba(37, 50, 56, 0.3);
	--ink-25: rgba(37, 50, 56, 0.25);
	--ink-20: rgba(37, 50, 56, 0.2);
	--ink-15: rgba(37, 50, 56, 0.15);
	--ink-10: rgba(37, 50, 56, 0.1);
	--ink-06: rgba(37, 50, 56, 0.06);
	--accent: #d1493f;
	--accent-dark: #b23a31;
	--accent-14: rgba(209, 73, 63, 0.14);
	--accent-12: rgba(209, 73, 63, 0.12);
	--amber: #d6a22e;
	--mist: #dce4e7;
	--tint: #f5f7f8;
	--white: #fff;
	--white-85: rgba(255, 255, 255, 0.85);
	--white-65: rgba(255, 255, 255, 0.65);
	--white-50: rgba(255, 255, 255, 0.5);
	--white-20: rgba(255, 255, 255, 0.2);
	--shadow-header: 0 6px 24px rgba(37, 50, 56, 0.12);
	--shadow-nav: 0 16px 30px rgba(37, 50, 56, 0.18);

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

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

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