@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  src: url("/b2b-template/fonts/Poppins-300.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  src: url("/b2b-template/fonts/Poppins-500.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  src: url("/b2b-template/fonts/Poppins-700.woff2") format("woff2");
}

@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  src: url('/b2b-template/fonts/lexend-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  src: url('/b2b-template/fonts/lexend-700.woff2') format('woff2');
}

:root {
  --font-poppins: "Poppins", system-ui, sans-serif;
  --font-roboto: "Roboto", system-ui, sans-serif;
  --font-lexend: "Lexend", system-ui, sans-serif;
  --bs-btn-font-family: "Roboto", system-ui, sans-serif;
}

html, body {
  font-family: var(--font-roboto), system-ui, sans-serif;
  font-weight: 400;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

.btn {
  font-family: var(--bs-btn-font-family) !important;
}