/* Fonts available to designs. Family names match FONT_FAMILIES in lib/types.ts
   and the weights match FONT_FILES in lib/export/fonts.ts exactly, so the SVG
   canvas renders the same outlines the PDF embeds.

   font-display: block — a fallback face would measure differently and make the
   canvas disagree with the exported PDF while loading. */

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/fraunces-400.ttf") format("truetype");
}
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url("/fonts/fraunces-700.ttf") format("truetype");
}
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/fonts/fraunces-900.ttf") format("truetype");
}

@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/sora-400.ttf") format("truetype");
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url("/fonts/sora-700.ttf") format("truetype");
}
@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url("/fonts/sora-800.ttf") format("truetype");
}

@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/libre-franklin-400.ttf") format("truetype");
}
@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url("/fonts/libre-franklin-700.ttf") format("truetype");
}
@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/fonts/libre-franklin-900.ttf") format("truetype");
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/bricolage-grotesque-400.ttf") format("truetype");
}
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url("/fonts/bricolage-grotesque-700.ttf") format("truetype");
}
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url("/fonts/bricolage-grotesque-800.ttf") format("truetype");
}