:root {
    --color-dark: #212A31;
    --color-gray-1: #898D8F;
    --color-gray-2: #EAECEE;
    --color-gray-3: #F7F7F7;
    --color-gray-4: #DFE5E9;
    --color-gray-5: #b2b9c0;
    --color-white: #fff;
    --color-active: #2D9CDB;
    --color-active-dark: #1f7fb6;
    --color-main: #20ba72;
    --color-main-dark: #1a975d;
    --color-main-light: #e8f8ed;
    --color-warning: #F57C1F;
    --color-error: #F04438;
    --color-error-light: #f9b3af;
}

/* MENU */
.text--link {
    color: var(--color-gray-1);
}

.text--link:hover {
    color: var(--color-main);
}

/* LINK */
.footer__mail:hover,
.to-top:hover {
    color: var(--color-main-dark);
}

/* COMMON */
body {
    color: var(--color-dark);
}

.hero {
    background-color: var(--color-dark);
}

.features__inner {
    background-color: var(--color-gray-3);
}

.features__image:after,
.food__details-item:after {
    background-color: var(--color-main);
}

.text--color-main {
    color: var(--color-main);
}

.text--color-mute {
    color: var(--color-gray-1);
}

.color-box__result-discount {
    color: var(--color-main);
}

/* PROGRAM */
.choose__program-button-inner {
    border: 1px solid var(--color-gray-2);
}

.choose__program-button:hover,
.choose__program-input:checked+.choose__program-button-inner,
.choose__program-name:after {
    background-color: var(--color-main);
    border-color: var(--color-main);
    color: var(--color-white);
}

/* PLAN */
.input__checkbox:checked+.choose__plan-label:before {
    background-color: var(--color-main);
}

.choose__plan-label:after {
    border-color: transparent var(--color-white) var(--color-white) transparent;
}

.choose__plan-desc {
    border: 1px solid var(--color-main);
}

.choose__program-button:hover .choose__program-button-inner .choose__program-name:after,
.choose__program-input:checked+.choose__program-button-inner .choose__program-name:after {
    background-color: var(--color-white);
}

/* DURATION */
.choose__duration-label {
    border-right: 1px solid var(--color-gray-4);
}

.choose__duration-label {
    border-right: 1px solid var(--color-gray-4);
}

.input__checkbox:checked+.choose__duration-label,
.choose__duration-label:hover {
    background-color: var(--color-dark);
    color: var(--color-white);
    border-right: 1px solid var(--color-dark);
}

.choose__duration-label--last {
    border-color: var(--color-active);
}

.choose__duration-label--last:hover {
    background-color: var(--color-active-dark);
    border-color: var(--color-active-dark);
}

.choose__duration-label--last {
    background-color: var(--color-active);
    color: var(--color-white);
    padding: 10px;
}

.choose__form-right:before {
    background-color: var(--color-gray-4);
}

.choose__form-header {
    border-bottom: 1px solid var(--color-gray-4);
}
.choose__form-footer {
    border: 1px solid var(--color-gray-4);
}

/* COLOR BOX */
.choose__form-right--footer {
    background-color: var(--color-main-light);
}

.choose__total-desc-text:after {
    background-color: var(--color-main);
}

.choose__total-desc {
    border-bottom-color: var(--color-main);
}

/* BUTTON */
.button--main {
    color: var(--color-white);
    background-color: var(--color-main);
}

.button--light,
.button--main:hover {
    color: var(--color-main);
    background-color: var(--color-main-light);
}

.button--light:hover {
    color: var(--color-white);
    background-color: var(--color-main);
}

.choose__result-button:hover {
    background-color: var(--color-main-dark);
    color: var(--color-white);
}

/* TITLE */
.title-h2--underscore:after {
    background-color: var(--color-main);
}

/* SPOILER */
.spoiler {
    border-bottom: 1px solid var(--color-gray-4);
}

.spoiler__trigger-name:hover {
    color: var(--color-main);
}

/* DELEVERY */
.delivery__area--green:before {
    border-color: var(--color-main);
}

.delivery__area--blue:before {
    border-color: var(--color-active);
}

.delivery__area--orange:before {
    border-color: var(--color-warning);
}

.delivery__area--red:before {
    border-color: var(--color-error);
}

.delivery__phone {
    color: var(--color-dark);
}

.delivery__phone:hover {
    color: var(--color-main);
}

/* SOCIALS */
.footer__social,
.nav__social {
    background-color: var(--color-dark);
}

.footer__social:hover,
.nav__social:hover {
    background-color: var(--color-main);
}

.footer__bottom {
    background: var(--color-dark);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    background-color: var(--color-gray-2);
    color: var(--color-gray-5);
}

.swiper-button-next,
.swiper-button-prev {
    background-color: var(--color-main-light);
    color: var(--color-main);
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: var(--color-main);
    color: var(--color-white);
}

/* MODAL */
.modal__done,
.modal__fail {
    padding: 30px;
    text-align: center;
}

.modal__color-box {
    background-color: var(--color-main-light);
}

.modal__done {
    background-color: var(--color-main-light);
    color: var(--color-main);
}

.modal__fail {
    background-color: var(--color-error-light);
    color: var(--color-error);
}

.modal__follow-text {
    padding-bottom: 10px;
}

.footer__time {
	-ms-flex-preferred-size: 40%;
	flex-basis: 40%;
}

.footer__mail {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
}

@media screen and (width: 1024px) {
	.footer__time,
	.footer__mail {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
  }

/* UPD 18-09-2021 */
.choose__duration-label--last {
    color: var(--color-gray-1);
    border-right: 1px solid var(--color-gray-4);
    background-color: #fff;
}

.choose__duration-label--last:hover {
    background-color: var(--color-dark);
    color: var(--color-white);
    border-right: 1px solid var(--color-dark);
}

.input__checkbox:checked+.choose__duration-label,
.choose__duration-label:hover {
    background-color: var(--color-main);
    color: var(--color-white);
    border-right: 1px solid var(--color-main);
}