/* Loaded after the theme stylesheet, see the theme's layouts/partials/head.html.
   Two jobs: self-host the font and point the theme's variable at it.

   The files live in static/fonts/, not assets/fonts/: Hugo publishes this
   stylesheet as /css/custom.css and does not rewrite url() inside it, so
   ../fonts/ resolves to /fonts/, which is what static/ publishes.

   All cuts are registered under one family name with their own weight and
   style. Registering them as separate families, one per file, would leave the
   theme's font-weight rules with nothing to select, and the browser would
   smear the book cut into a fake bold and a slanted fake italic instead. */

@font-face {
  font-family: 'PP Neue Montreal';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/ppneuemontreal-thin.woff') format('woff');
}

@font-face {
  font-family: 'PP Neue Montreal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ppneuemontreal-book.woff') format('woff');
}

@font-face {
  font-family: 'PP Neue Montreal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ppneuemontreal-medium.woff') format('woff');
}

@font-face {
  font-family: 'PP Neue Montreal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/ppneuemontreal-bold.woff') format('woff');
}

@font-face {
  font-family: 'PP Neue Montreal';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ppneuemontreal-italic.woff') format('woff');
}

@font-face {
  font-family: 'PP Neue Montreal';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/ppneuemontreal-semibolditalic.woff') format('woff');
}

/* The generic fallback matters: without it a failed @font-face drops the page
   onto the system default, which is what made the site render in Noto. */
:root {
  --font-body: 'PP Neue Montreal', sans-serif;
}

.introduction {
  letter-spacing: 0.202em;
}