@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/avenir-next-regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/avenir-next-medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/avenir-next-demi.otf") format("opentype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/avenir-next-bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --ms-font-family: "Avenir Next LT Pro";
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--ms-font-family);
}