@font-face {
  font-family: 'MontserratRegular';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('./Montserrat-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'MontserratBold';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('.//Montserrat-Bold.ttf') format('truetype');
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'MontserratBold', sans-serif !important;
  font-weight: 700 !important;
}

body {
  font-family: 'MontserratRegular', sans-serif !important;
  font-weight: 400 !important;

  --color-primary: #398f7b;
  --color-primary_text: #FFF;
  --color-background: radial-gradient(circle closest-corner at 56% 90%, rgba(157, 202, 195, 0.8) 39%, rgba(251, 243, 231, 0.8) 82%), radial-gradient(circle farthest-corner at 0 0, #9dcac3 10%, rgba(251, 243, 231, 0.4) 39%);
  --color-background-light_gray: #ebf6ef;
  --product-background_card: #398f7b;
  --color-shade: #EEE;
  --color-text: #2b2928;
  --color-placeholder: #999;
  --color-red: #FF4D4F;
  --color-blue: #1890FF;
  --color-blackout: #242427;
}