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