/*
 * Theme @font-face declarations.
 *
 * A static file rather than an inline <style>, so the document needs no
 * dangerouslySetInnerHTML. Loaded before styles.min.css, matching the legacy head order.
 *
 * Exactly the faces the deployed page declares, and no more. The compiled stylesheet asks for
 * Montserrat 300 and 500 in 100-odd places, and the deployed page has no face for either — so a
 * browser selects the nearest declared one, which is 400. Declaring the real Light and Medium
 * faces, as an earlier revision of this file did on the theory that the browser synthesised them,
 * renders *different glyphs at different metrics*: the AI page's enterprise cards came out 2px
 * taller, every line box in them measured against the wrong strut, and nothing else was equal
 * either. That is a parity break, not a correction. `docs/performance.md` records the revert.
 *
 * Should a block family ever need a genuinely light face, that is a design decision for the site
 * rather than for the migration: production is the reference.
 */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/montserrat-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/montserrat-bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/opensans-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/opensans-bold.woff2') format('woff2');
}
