:root {
  --fontFamily: "Roboto Condensed", sans-serif;
  --fontIcon:"Font Awesome 5 Pro";
  --fontSize: 16px;
  --fontSizeMobile: 15px;
  --background:#fff;
  --foreground: #333;
  --anchor:#333;
  --anchorHover: #06c;
  --primaryBg: #007700;
  --primaryFg:#ffffff;
  --secondaryBg:#006600;
  --secondaryFg:#ffffff;
  --tertiaryBg:#eeeeee;
  --tertiaryFg:#333333;
  --callToActionBg:#36A0DC;
  --callToActionFg:#ffffff;
  --buyActionBg: #0a0;
  --buyActionFg:#fff;
  --priceList:#000000;
  --priceOur:#070;
  --priceOr:#0c0c0c;
  --priceSave:#000;
  --highlight1Bg:#c33;
  --highlight1Fg:#FFF;
  --highlight2Bg:#36A0DC;
  --highlight2Fg:#FFF;
  --highlight3Bg:#36A0DC;
  --highlight3Fg:#FFF;
  --ratingStar: #FC0;
  --border:#ddd;
  --frame: 1400px;
  --moduleFrame: 1400px;
  --navCols: 1;
  --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);
  }
}