:root {
  --primaryColor: #2cb323;
  --primaryColorHover: #23881c;

  --dangerColor: #e15656;
  --successColor: #529a6f;
  --warningColor: #ff790e;

  --linkColor: #2890cc;

  --mainBackgroundColor: #ffffff;
  --componentBackgroundColor: #f7f8f9;
  --activeBackgroundColor: #dadada;
  --borderColor: #dadada;
  --modalBackgroundColor: #ffffff;
  --componentBoxShadow: 0px 4px 16px #ebeff0;

  --mainTextColor: #212121;
  --darkGreyTextColor: #000000;
  --greyTextColor: #bdbdbd;
  --lightTextColor: #ffffff;

  --chatMessageFromBgColor: #eff7fc;
  --chatMessageToBgColor: #f1f1f1;

  --mainCardBackgroundColor: #f7f8f9;
  --mainCardTextColor: #212121;

  --mainSortIconBackgroundColor: #f7f8f9;
  --mainSortIconTextColor: #212121;

  --mainCategoriesBackgroundColor: #f7f8f9;
  --mainCategoriesTitleTextColor: #212121;

  --mainFiltersBackgroundColor: #f7f8f9;
  --mainFiltersTitleTextColor: #212121;

  --mainNewGoodsBackgroundColor: #f7f8f9;
  --mainNewGoodsTitleTextColor: #212121;

  --mainHeaderBackgroundColor: #f7f8f9;
  --mainHeaderTextColor: #212121;

  --footerLogoBackgroundColor: #f7f8f9;
}