/*
  Sequel Sans is a licensed commercial font used in the Figma design.
  Drop your licensed font files into assets/fonts/ using these exact names
  and they will be picked up automatically. Until then, the site falls
  back to system sans-serif fonts.

  Expected files:
    assets/fonts/SequelSans-Book.woff2   (+ .woff)
    assets/fonts/SequelSans-Roman.woff2  (+ .woff)
    assets/fonts/SequelSans-Medium.woff2 (+ .woff)
*/

@font-face {
  font-family: "Sequel Sans Book";
  src: url("../assets/fonts/SequelSans-Book.woff2") format("woff2"),
       url("../assets/fonts/SequelSans-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sequel Sans Roman";
  src: url("../assets/fonts/SequelSans-Roman.woff2") format("woff2"),
       url("../assets/fonts/SequelSans-Roman.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sequel Sans Medium";
  src: url("../assets/fonts/SequelSans-Medium.woff2") format("woff2"),
       url("../assets/fonts/SequelSans-Medium.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}