:root {
  --font-heading: 'Recoleta Regular', serif;
  --font-body: 'Gotham Book', sans-serif;
}

@font-face {
  font-family: 'Recoleta Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/advanced-skin-body-solutions/Recoleta-Regular-400.otf) format('opentype');
}

@font-face {
  font-family: 'Recoleta Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/advanced-skin-body-solutions/Recoleta-Medium-500.otf) format('opentype');
}

@font-face {
  font-family: 'Gotham Book';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/advanced-skin-body-solutions/Gotham-Book-400.ttf) format('truetype');
}

@font-face {
  font-family: 'Gotham Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/advanced-skin-body-solutions/Gotham-Medium-500.ttf) format('truetype');
}

@font-face {
  font-family: 'Gotham Bold';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/fonts/advanced-skin-body-solutions/Gotham-Bold-600-800.ttf) format('truetype');
}