:root {
  --fontFamily: "Open Sans", sans-serif;
  --fontIcon:"Font Awesome 5 Pro";
  --fontSize: 15px;
  --fontSizeMobile: 14px;
  --background:#fff;
  --foreground: #000;
  --anchor:#000;
  --anchorHover: #333;
  --primaryBg: #000;
  --primaryFg:#fff;
  --secondaryBg:#000;
  --secondaryFg:#fff;
  --tertiaryBg:#ccc;
  --tertiaryFg:#000;
  --callToActionBg:#000;
  --callToActionFg:#fff;
  --buyActionBg: #c00;
  --buyActionFg:#fff;
  --priceList:#999;
  --priceOur:#000;
  --priceOr:#000;
  --priceSave:#999;
  --highlight1Bg:#c33;
  --highlight1Fg:#fff;
  --highlight2Bg:#eee;
  --highlight2Fg:#000;
  --highlight3Bg:#eee;
  --highlight3Fg:#000;
  --ratingStar: #fb0;
  --border:#ddd;
  --frame: 1600px;
  --navCols: 2;
  --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);
  }
}