/* Helvetica Neue Webfont Kit
 * Note: For best performance, convert these OTFs to WOFF2 (and optionally WOFF).
 * You can keep these OTF fallbacks meanwhile.
 * Suggested toolchain: fonttools/ttfautohint/woff2 or an online converter.
 */
:root{
  --helvetica-neue: "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Liberation Sans", sans-serif;
}

/* Example usage:
   body { font-family: "Helvetica Neue", Arial, sans-serif; }
   .thin   { font-weight: 100; }
   .light  { font-weight: 300; }
   .regular{ font-weight: 400; }
   .medium { font-weight: 500; }
   .bold   { font-weight: 700; }
*/


@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue"), local("HelveticaNeue"),
       url("../fonts/HelveticaNeue-Thin.woff2") format("woff2"),
       url("../fonts/HelveticaNeue-Thin.woff") format("woff"),
       url("../fonts/HelveticaNeue-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue"), local("HelveticaNeue"),
       url("../fonts/HelveticaNeue-Light.woff2") format("woff2"),
       url("../fonts/HelveticaNeue-Light.woff") format("woff"),
       url("../fonts/HelveticaNeue-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue"), local("HelveticaNeue"),
       url("../fonts/HelveticaNeue-Regular.woff2") format("woff2"),
       url("../fonts/HelveticaNeue-Regular.woff") format("woff"),
       url("../fonts/HelveticaNeue-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue"), local("HelveticaNeue"),
       url("../fonts/HelveticaNeue-Medium.woff2") format("woff2"),
       url("../fonts/HelveticaNeue-Medium.woff") format("woff"),
       url("../fonts/HelveticaNeue-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue"), local("HelveticaNeue"),
       url("../fonts/HelveticaNeue-Bold.woff2") format("woff2"),
       url("../fonts/HelveticaNeue-Bold.woff") format("woff"),
       url("../fonts/HelveticaNeue-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}