:root {
  --primaryColor: #FF6801;
  --primaryColorHover: #e05901;

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

  --linkColor: #2890cc;

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

  --mainTextColor: #000000;
  --darkGreyTextColor: #000000;
  --greyTextColor: #bdbdbd;
  --lightTextColor: #fff;

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

  --mainCardBackgroundColor: #ffffff;
  --mainCardTextColor: #000000;

  --mainSortIconBackgroundColor: #ffffff;
  --mainSortIconTextColor: #000000;

  --mainCategoriesBackgroundColor: #ffffff;
  --mainCategoriesTitleTextColor: #000000;

  --mainFiltersBackgroundColor: #ffffff;
  --mainFiltersTitleTextColor: #000000;

  --mainNewGoodsBackgroundColor: #ffffff;
  --mainNewGoodsTitleTextColor: #000000;

  --mainHeaderBackgroundColor: #ffffff;
  --mainHeaderTextColor: #000000;

  --footerLogoBackgroundColor: #ffffff;
}