:root {
  --primaryColor: #2352c3;
  --primaryColorHover: #214cb1;

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

  --linkColor: #2890cc;

  --mainBackgroundColor: #212121;
  --componentBackgroundColor: #404040;
  --activeBackgroundColor: #dadada;
  --borderColor: #dadada;
  --modalBackgroundColor: #373737;
  --componentBoxShadow: none;

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

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

  --mainCardBackgroundColor: #404040;
  --mainCardTextColor: #ffffff;

  --mainSortIconBackgroundColor: #404040;
  --mainSortIconTextColor: #ffffff;

  --mainCategoriesBackgroundColor: #404040;
  --mainCategoriesTitleTextColor: #ffffff;

  --mainFiltersBackgroundColor: #404040;
  --mainFiltersTitleTextColor: #ffffff;

  --mainNewGoodsBackgroundColor: #404040;
  --mainNewGoodsTitleTextColor: #ffffff;

  --mainHeaderBackgroundColor: #404040;
  --mainHeaderTextColor: #ffffff;

  --footerLogoBackgroundColor: #404040;
}