@font-face {
  /** 
   * CSS Variables don't work inside `@font-face`, so we have to hardcode the font family name here.
   * The value needs to match the one defined in the CSS variable `--font-family-brand`.
   */
  font-family: "Apercu MOIA Pro";
  src: url("/assets/moia/fonts/ApercuMOIAPro-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Apercu MOIA Pro";
  src: url("/assets/moia/fonts/ApercuMOIAPro-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Apercu MOIA Pro";
  src: url("/assets/moia/fonts/ApercuMOIAPro-Light.ttf") format("truetype");
  font-weight: 300;
}