/*!
 * Self-hosted typefaces. Load this on any page that does not already load
 * base.css, which carries its own copy of the four faces the marketing site
 * and the dashboard use.
 *
 * Why this file exists at all: until 26 August 2026 the 24 programme
 * deliverables and the one-sheet fetched their typefaces from
 * fonts.googleapis.com. That sends the customer's IP address
 * to Google every time they open something they paid for, on a page they
 * reached from a GDPR consultancy's customer area, with no notice beyond a
 * line in the cookie policy and nothing they could do about it. Serving the
 * files ourselves removes the transfer entirely. Nothing leaves this origin.
 *
 * The duplication with base.css is deliberate. Those pages carry their own
 * complete stylesheets and cannot take base.css without losing their layout,
 * and pulling base.css in behind an @import would put an extra round trip on
 * the marketing site's critical path to save repeating eight declarations.
 * The rules are duplicated; the font files are not. Both stylesheets point at
 * the same URLs, so a browser downloads each face once.
 *
 * Every file is the Latin subset Google serves, byte for byte, under the SIL
 * Open Font License. Montserrat and Archivo are variable fonts: one file
 * covers the whole weight range, so asking for 300 and 700 costs one request,
 * not two.
 */

/* Body and interface copy. */
@font-face {
  font-family: 'Montserrat';
  src: url('/assets/fonts/montserrat-var.woff2') format('woff2-variations'),
       url('/assets/fonts/montserrat-var.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

/* Display face for the deliverables. */
@font-face {
  font-family: 'Archivo';
  src: url('/assets/fonts/archivo-var.woff2') format('woff2-variations'),
       url('/assets/fonts/archivo-var.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* Labels, metadata, overlines. Never paragraphs. */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/assets/fonts/jetbrains-mono-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}