:root {
	--mud: #2b2622;
	--charcoal: #1a1714;
	--olive: #555d42;
	--khaki: #8b836d;
	--sand: #c4a574;
	--blood: #8b0000;
	--smoke: #d3d3d3;
	--bone: #efe8d2;
	--nav: #c5cb86;
	--nav-active: #a3aa62;
	--cta: #5c6b3a;
	--cta-hover: #3f4a28;
}

body {
	background-color: var(--mud);
}

.menu__list,
.menu__body {
	background-color: var(--bone);
}

.menu__link,
.icon-menu {
	background-color: var(--nav);
}

.menu__link._navigator-active {
	background-color: var(--nav-active);
}

.menu__link--buy,
.hero__buy,
.about__button,
.join__button,
.button {
	background-color: var(--cta);
	color: #fff;
}

@media (any-hover: hover) {
	.menu__item:hover .menu__link {
		color: var(--cta-hover);
	}

	.menu__item:hover .menu__link--buy,
	.hero__buy:hover,
	.about__button:hover,
	.join__button:hover,
	.button:hover {
		color: #fff;
		background-color: var(--cta-hover);
	}
}