/* Montserrat Z Remix is self-hosted in the uniloud-font stylesheets. */
/* ROOT VARIABLES */
:root {
  /* FONTS */

  /* Main Families */
  --main-text-fam: "Montserrat Z Remix", Arial, sans-serif;
  --main-title-fam: "Montserrat Z Remix", Arial, sans-serif;

  /* Extra Fonts to use */
  --montserrat-black: "Montserrat Z Remix", Arial, sans-serif;

  /* COLOR */
  --main-text-color: #383A4D;
  --main-black: #010101; /* var(--main-black) */
  --main-grey: #888686; /* var(--main-grey) */
  --main-orange: #f2653a; /* var(--main-orange) */
  --main-white: #fff; /* var(--main-white) */
  --main-cyan: #54C5D0; /* var(--main-cyan) */
  --main-purple: #7751A1; /* var(--main-purple) */

  --onsale-bg-color: #000; /* var(--onsale-bg-color) */
  --onsale-color: #fff; /* var(--onsale-color) */
  --outofstock-bg-color: rgb(178, 15, 10); /* var(--outofstock-bg-color) */
  --outofstock-color: #fff; /* var(--outofstock-color) */
  --pagination-bg-color: #000; /* var(--pagination-bg-color) */
  --pagination-color: #fff; /* var(--pagination-color) */

  --mini-cart-checkout-bg-color: #f2653a; /* var(--mini-cart-checkout-bg-color) */
  --mini-cart-checkout-bg-color--hover: #f78461; /* var(--mini-cart-checkout-bg-color) */
  --mini-cart-checkout-color: #fff; /* var(--mini-cart-checkout-color) */

  --mini-cart-cart-bg-color: #fa4a3a; /* var(--mini-cart-cart-bg-color) */
  --mini-cart-cart-bg-color--hover: #fb6d60; /* var(--mini-cart-cart-bg-color) */
  --mini-cart-cart-color: #fff; /* var(--mini-cart-cart-color) */
  --mini-cart-amount-bg-color: rgb(
    178,
    15,
    10
  ); /* var(--mini-cart-amount-bg-color) */
  --mini-cart-amount-color: #fff; /* var(--mini-cart-amount-color
  /* EASINGS */
  --main-easing: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); /* var(--main-easing) */

  /* My account */
  --my-account-nav-bg-color: #eee; /* var(--my-account-bg-color) */
  --my-account-nav-active-bg-color: #000; /* var(--my-account-nav-active-bg-color) */
  --my-account-nav-active-color: #fff; /* var(--my-account-nav-active-color) */
  /* TOP PADDING */
  --top-pad: 100px;
}