:root {
  --primary-color: #545454;
  --secondary-color: #8c3378;
  --btn-primary-color: #545454;
  --btn-primary-txt-color: #ffffff;
  --btn-secondary-color: #8c3378e3;
  --btn-secondary-txt-color: #ffffff;
  --btn-active-color: #8c3378e3;
  --btn-active-txt-color: #ffffff;
  --btn-active-border-color: #8c3378e3;
  --btn-calendar-color: #545454;
  --btn-calendar-border-color: #545454;
  --btn-calendar-txt-color: #545454;
  --hover-btn-primary-color: #454545;
  --hover-btn-secondary-color: #8c3378;
  --hover-btn-calendar-color: #454545;
  --hover-btn-calendar-txt-color: #ffffff;
  --hover-btn-active: #7b2f6c;
  --navigation-bg-color: #009ee0;
  --navigation-txt-color: #ffffff;
  --lang-select-bg-color: #009ee0;
  --lang-select-border-color: #ffffff;
  --lang-select-txt-color: #ffffff;
  --lang-select-hover-bg-color: #ffffff;
  --lang-select-hover-txt-color: #009ee0;
  --lang-select-active-bg-color: #ffffff;
  --lang-select-active-txt-color: #009ee0;
  --main-basket-color: #ffffff;
  --main-basket-count-bg-color: #ff0000;
  --main-basket-count-color: #ffffff;
  --float-basket-color: #8c3378e3;
  --float-basket-count-bg-color: #ff0000;
  --float-basket-count-color: #ffffff;
  --footer-bg-color: #343a40;
  --footer-txt-color: #adb5bd;
  --active-color: #009ee0;
  --accent-color: #8c3378e3;
  --txt-color: #414953;
  --txt-color-secondary: #0a4e6a;
  --txt-description: #535a5e;
  --txt-expand-btn: #535a5e;
  --section-bg-color: #f6f6f6;
}