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

	--ink: #302b34;
	--ink-65: rgba(48, 43, 51, 0.65);
	--ink-55: rgba(48, 43, 51, 0.55);
	--line: rgba(48, 43, 52, 0.2);
	--line-dark: rgba(23, 35, 27, 0.2);
	--line-soft: rgba(48, 43, 52, 0.06);
	--divider: rgba(48, 43, 52, 0.1);
	--accent: #c66c43;
	--accent-dark: #ad5a34;
	--accent-12: rgba(198, 108, 67, 0.12);
	--sand: #f2efe8;
	--white: #fff;
	--white-85: rgba(255, 255, 255, 0.85);
	--white-72: rgba(255, 255, 255, 0.72);
	--white-55: rgba(255, 255, 255, 0.55);
	--white-40: rgba(255, 255, 255, 0.4);
	--white-16: rgba(255, 255, 255, 0.16);
	--white-10: rgba(255, 255, 255, 0.1);
	--border-top: #3f7d5a;
	--shadow-header: 0 6px 24px rgba(48, 43, 52, 0.12);
	--shadow-nav: 0 16px 30px rgba(48, 43, 52, 0.18);

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

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

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