/* Latin Modern Roman (for Text) */
@font-face {
  font-family: "Latin Modern Roman";
  src: url("/fonts/latinmodern/lmroman10-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Latin Modern Roman";
  src: url("/fonts/latinmodern/lmroman10-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Latin Modern Roman";
  src: url("/fonts/latinmodern/lmroman10-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Latin Modern Roman";
  src: url("/fonts/latinmodern/lmroman10-bolditalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Latin Modern Mono (for Code) */
@font-face {
  font-family: "Latin Modern Mono";
  src: url("/fonts/latinmodern/lmmono10-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Latin Modern Mono";
  src: url("/fonts/latinmodern/lmmono10-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Your site’s stacks */
body {
  font-family: "Latin Modern Roman", serif;
}

code, pre {
  /* keep the mono face or switch to Latin Modern Mono if you prefer */
  font-family: "Latin Modern Mono", monospace;
  font-size: 92%;
}