/* ---------------------------------------------------------------------------
   Fonts.

   IMPORTANT, and the reason this file was rewritten.

   The theme shipped eight font files. All five "Inter" files were the same
   file byte for byte, and all three "Inter Tight" files were the same file
   byte for byte:

     inter-400 … inter-800          md5 260c81a4759baf163c025001c4f27872
     inter-tight-700 … tight-900    md5 f5af7a761c2b64f7c28f1e6721d7743b

   Measured against a known reference, both of them are REGULAR weight
   (ink coverage 7.0-7.4%, where a regular is 7.4% and a bold is 12.9%).

   The old CSS declared those two regular files as weights 400, 500, 600,
   700, 800 and 900. A browser given an exact match for the weight it was
   asked for does not synthesise anything - so every heading the design sets
   at 800 or 900 was quietly rendering at regular weight, and the whole
   typographic hierarchy collapsed. That is the "the heading font is wrong"
   symptom.

   Until the real weights are installed, this file tells the truth: one face
   per family, declared at the weight it actually is. Everything heavier is
   then synthesised by the browser, which is not as good as a real bold but
   is far better than a heading that is not bold at all.

   TO FIX PROPERLY - five minutes, and this comment can go:

     npm pack @fontsource/inter @fontsource/inter-tight
     copy inter-latin-{500,600,700,800}-normal.woff2  -> assets/fonts/
     copy inter-tight-latin-{700,800,900}-normal.woff2 -> assets/fonts/

   then restore one @font-face per weight below, and delete the
   "synthesised weights" note. The filenames the theme expects are listed in
   assets/fonts/README.txt.
   --------------------------------------------------------------------------- */

/* Body and UI. One real face: regular. */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/inter-400-normal.woff2') format('woff2');
}

/* Display and headings. One real face: regular. */
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/inter-tight-700-normal.woff2') format('woff2');
}