:root {
  --fontFamily: "Open Sans", sans-serif;
  --fontIcon:"Font Awesome 5 Pro";
  --fontSize: 15px;
  --fontSizeMobile: 14px;
  --background:#fff;
  --foreground: #000;
  --anchor:#000;
  --anchorHover: #333;
  --primaryBg: #c3c1c3;
  --primaryFg:#000;
  --secondaryBg:#624B91;
  --secondaryFg:#fff;
  --tertiaryBg:#ccc;
  --tertiaryFg:#000;
  --callToActionBg:#333;
  --callToActionFg:#fff;
  --buyActionBg: #624B91;
  --buyActionFg:#fff;
  --priceList:#999;
  --priceOur:#000;
  --priceOr:#000;
  --priceSave:#999;
  --highlight1Bg:#624B91;
  --highlight1Fg:#fff;
  --highlight2Bg:#624B91;
  --highlight2Fg:#FFF;
  --highlight3Bg:#624B91;
  --highlight3Fg:#FFF;
  --ratingStar: #FB0;
  --border:#ddd;
  --frame: 1600px;
  --moduleFrame: 1400px;
  --navCols: 3;
  --edgePadding: 20px;
  --edgePaddingMobile: 15px;
  --modulePadding: 20px;
  --modulePaddingMobile: 10px;
  --swiper-theme-color:#999;
  --swiper-navigation-size:22px;
}
@media screen and (max-width: 640px) {
  :root {
    --fontSize: var(--fontSizeMobile);
    --edgePadding: var(--edgePaddingMobile);
    --modulePadding: var(--modulePaddingMobile);
  }
}