:root {
  /* Navigation */
  --nav-top-height: 30px;
  --nav-middle-height: 70px;
  --nav-menu-height: 53px;
  --nav-mobile-height: 50px;

  /* Elements */
  --input-height: 45px;
  --c-el-text: #252339;
  --c-el-background: #d0d0d0;
  --c-el-range: #FF6600;
  --c-el-range-background: rgba(255, 102, 0, 0.51);

  /* Main colors */
  --c-primary: #FF6600;
  --c-secondary: #FF6600;
  --c-highlight: #FF6600;
  --c-footer-hightlight: #FF6600;
  --c-positive: #36C040;
  --c-negative: #FF552B;

  /* Background colors */
  --c-bc-white: #ffffff;
  --c-bc-gray: #5F5F5F;
  --c-bc-button: #FF6600;
  --c-bc-button-hover: #FF6600;
  --c-bc-buttonAlt: #36C040;
  --c-bc-buttonAlt-hover: #2da135;
  --c-bc-menu: #f7f7f7;
  --c-bc-menu-dropdown: #ffffff;
  --c-bc-banner: #E0F1FF;
  --c-bc-product: #ffffff;
  --c-bc-product-hightlight: #FF6600;
  --c-bc-product-actions: #F9F9F9;
  --c-bc-loader: #A0E548;
  --c-bc-countdown: #ee8179;
  --c-bc-transparant: rgba(255, 102, 0, 0.05);

  /* Font colors */
  --c-font-main: #252339;
  --c-font-light-gray: #9F9F9F;
  --c-font-white: #ffffff;
  --c-font-url: #252339;
  --c-font-url-hover: #FF6600;
  --c-font-product-actions: #6b6b6b;
  --c-font-menu-icons: #FF6600;

  /* Border colors */
  --c-border-main: #EDEDED;
  --c-border-light: #cae1ac;
  --c-border-light-hover: #A0E548;
  --c-border-inputs: #dadada;

  /* Sizing */
  --f-size-main: 16px;

}

/* [Media Query] Mobile (575px) */
@media only screen and (max-width: 575px) {

  :root {

    /* Sizing */
    --f-size-main: 14px;

  }

}