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