@import '/assets/plugins/font-awesome/css/light.min.css';
  @import url('https://fonts.googleapis.com/css?family=Open sans:500,500i,600,600i&display=swap');
  

  :root {
  --body-font: 'Open sans', sans-serif;
  --font-size: 15px;
  --font-weight-normal: 500;
  --font-weight-bold: 600;
  --heading-font: 'Open sans', sans-serif;
  --heading-font-weight: 600;
  --font-size-h1: 40px;
  --font-size-h2: 35px;
  --font-size-h3: 30px;
  --font-size-h4: 25px;
  --font-size-h5: 20px;
  --font-size-h6: 17px;
  --font-size-lead: 20px;
  --color-primary: #25376a;
  --color-primary-alt: #252e47;
  --color-secondary: #485884;
  --color-secondary-alt: #354161;
  --sold-badge-bg: #a81f1f;
  --discount-badge-bg: #ffe400;
  --new-product-badge-bg: #4fb88c;
  --reserved-badge-bg: #ffe400;
  --category-bg: #485884;
  --header-bg: #25376a;
  --navbar-bg: #25376a;
  --navbar-color: #ffffff;
  --navbar-color-hover: #ddeeff;
  --navbar-bg-hover: #485884;
  --navbar-color-active: #ddeeff;
  --navbar-bg-active: #485884;
  --navbar-color-inactive: #ffffff;
  --navbar-bg-inactive: #25376a;
  --footer-bg: #25376a;
  --footer-color: #ffffff;
  --mobile-navbar-bg: #25376a;
  --mobile-navbar-color: #ffffff;
  --mobile-navbar-color-active: #ffffff;
  --mobile-navbar-bg-active: #3069a1;
  }