:root {
    --heading-font: "Asap";
}

:root {
    --background-body: #1d1e24;
    --background-menu: #1d1e24;
    --background-customization: #44485c;
    --background-promo: #58737663;
    --background-plan-card: #2a2d3b;
    --background-button-action: #606e71;
    --background-button-action-hover: #49585a;
    --background-button-card: #96d0c4;
    --background-button-card-hover: #82b6ab;
    --background-button-next: #37424d;
    --background-button-next-hover: #2d3842;
    --background-meal-card: #73778a;
    --background-review-card-play-icon: #caede7;
    --background-input: #37424c;
    --background-option: #37424c;
    --background-option-active: #649388;
    --background-builder-input: #676c82;
    --background-options-card: #323447;
    --background-options-card-number: #96d0c4;
    --background-consultation-card: #3c4952;
    --background-template-tabs: #96d0c4;
    --background-edit-button: whitesmoke;
    --background-hero: #2a2d3b;
    --background-footer: #649388;
    --background-footer-socials: #ffffff33;
    --background-steps-icon-active: #96d0c440;
    --background-plan-meal-card: #23262b;
    --background-plan-meal-card-bundle: #f3fbfb;
    --background-continue-button: #fff;
    --background-continue-button-hover: #efefef;
    --background-bundle-info-button: #649388;
    --background-radio: white;
    --background-radio-active: #23262b;
    --background-tooltip: #fff;
    --background-plan-meal-checkout: #37424c;
    --background-plan-meal-floating-checkout: #212121;
    --background-plan-meal-checkout-section: #2a2d3b;
    --background-plan-meal-checkout-badge: #37424c;
    --background-plan-meal-checkout-status: #96d0c4;
    --background-plan-meal-checkout-status-inactive: lightgrey;
    --background-plan-meal-summary: #212121;
    --background-tab-links: #212121;
    --background-tab-links-active: #96d0c4;
    --background-checkbox-choosen: #ffd24a;
    --background-swiper-counter: #212121;
}

:root {
    --color-text: white;
    --color-text-inverse: #111;
    --color-navmenu-links: #b2b9c0;
    --color-remove: #ff5f5f;
    --color-danger: #ff4848;
    --color-secondary: #dadada;
    --color-secondary-dim: #7d7a89;
    --color-subheading: #bdbdbd;
    --color-button: white;
    --color-button-hover: white;
    --color-button-card: white;
    --color-button-card-hover: white;
    --color-button-next: white;
    --color-button-next-hover: white;
    --color-meal-card-text: #ffffff;
    --color-meal-card-subtitle: #ededed;
    --color-meal-card-macro-label: #5aa4ac;
    --color-meal-card-macro-value: #111;
    --color-slider-arrows: white;
    --color-review-card-text: #d3d3d3;
    --color-review-card-subtitle: #d1d1d1;
    --color-review-card-play-icon: #fcbd00;
    --color-steps-icon: #373a50;
    --color-steps-icon-active: #93cdc2;
    --color-input: #fff;
    --color-option: #fff;
    --color-option-active: #fff;
    --color-options-radio: #96d0c4;
    --color-info-icon: #deefff;
    --color-info-icon-hover: #ffc20b;
    --color-template-tabs-active: #111;
    --color-label-remark: #ffc20b;
    --color-builder-input-placeholder: #a9a9a9;
    --color-edit-button: #111;
    --color-swiper-bullet: #96d0c4;
    --color-swiper-bullet-active: #96d0c4;
    --color-swiper-loader: #96d0c4;
    --color-swiper-loader-counter: #fff;
    --color-footer-link: white;
    --color-footer-socials: white;
    --color-footer-hr: white;
    --color-footer-link-active: #373a50;
    --color-steps-icon-active: #96d0c4;
    --color-steps-hr: #9e9e9e;
    --color-steps-regular: lightgrey;
    --color-path-slash: #96d0c4;
    --color-path-back-button: white;
    --color-path-back-button-active: #96d0c4;
    --color-meal-plan-card-text: #fff;
    --color-meal-plan-card-subtitle: #efefef;
    --color-continue-button: #2a2d3b;
    --color-continue-button-hover: #2a2d3b;
    --color-brackets: #96d0c4;
    --color-tooltip: #111;
    --color-plan-meal-checkout-status: #2a2d3b;
    --color-service-currency-span: #37424c;
}

:root {
    --border-brand: #93cdc2;
    --border-login-button: white;
    --border-login-button-hover: #93cdc2;
    --border-meal-macros: #ffffff;
    --border-slider-arrows: #acacac;
    --border-slider-arrows-hover: #93cdc2;
    --border-plan-card: #3c4952;
    --border-plan-card-hover: white;
    --border-input: #37424c;
    --border-option: #37424c;
    --border-input-hover: #93cdc2;
    --border-option-active: #649388;
    --border-placeholder: #93cdc2;
    --border-placeholder-hover: #fcbd00;
    --border-template-option-active: #93cdc2;
    --border-plan-meal-card-bundle: #93cdc2;
    --border-plan-meal-suitables: #111;
    --border-radio: #ffffff;
    --border-radio-active: #96d0c440;
    --border-today-types: #93cdc2;
    --border-checkout-wrapper: #93cdc2;
    --border-summary-hr: rgba(55, 66, 76, 0.58);
    --border-checkbox-choosen: #ffeaad;
    --border-modal-header: #e6e6e6;
}

:root {
    --radius-button: 2px;
    --radius-button-action: 2px;
    --radius-button-card: 4px;
    --radius-meal-card: 15px;
    --radius-plan-card: 2px;
    --radius-sections: 2px;
    --radius-meal-card-macros: 6px;
    --radius-options-card: 5px;
    --radius-promo-hero: 6px;
    --radius-meal-plan-card: 25px;
    --radius-meal-plan-card-image: 25px;
    --radius-service-card: 25px;
    --radius-continue-button: 15px;
    --radius-input: 6px;
}

:root {
    --height-input: 48px;
    --height-input-mobile: 44px;
    --height-button: 34px;
    --height-button-lg: 40px;
    --height-option: 48px;
    --height-option-sm: 42px;
    --height-option-mobile: 33px;
}

:root {
    --font-input: 15px;
    --font-input-mobile: 14px;
    --font-tooltip: 11px;
}

:root {
    --shadow-plan-meal-summary: 0px 0px 4px 0px rgba(150, 208, 196, 0.3);
}

:root {
    --text-shadow-promo: 0.5px 0.87px 2px #00000066;
    --text-shadow-plan-title: 0px 10px 40px #ffffff40;
}

:root {
    --overlay-review-card: #32393a8d;
}