:root {
	--bone: #eef2ef;
	--nav: #c5ccc8;
	--nav-active: #8e9692;
	--cta: #2ad888;
	--cta-hover: #149a62;
	--night: #121816;
}

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

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

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

.menu__link--buy,
.button {
	background-color: var(--cta);
	color: #000;
}

.button.button--blue {
	background-color: var(--bone);
	color: #000;
}

.line::before,
.buy,
.legend {
	background-color: var(--night);
}

.about {
	background-color: var(--cta);
}

.menu__item:hover .menu__link,
.cn:has(.cn__button:hover) span:nth-child(2),
.footer__mail:hover,
.top-footer__link:hover,
.footer__osnovo:hover {
	color: var(--cta-hover);
}

.cn__button:hover svg path,
.footer__mail:hover svg {
	fill: var(--cta-hover);
}

.button:hover {
	background-color: var(--cta-hover);
	color: #000;
}

.menu__item:hover .menu__link--buy {
	color: #000;
	background-color: var(--cta-hover);
}