/* Latin Modern Roman and Mono, the app's two faces.
   These used to be base64 inside this file, which made a 144 kB stylesheet that
   blocked the first paint, could not be cached separately from the css, and cost
   a third extra in encoding. Real woff2 files instead: preloaded in app.html,
   swapped in when they arrive so text is readable immediately either way.
   No bold: nothing in the app sets a weight above normal, and a face nothing
   asks for is bytes in the repository that never reach a browser.

   They are declared under a name nobody has installed. Called 'Latin Modern
   Roman' they shared a name with a font that is on a lot of typesetting people's
   machines, including this one's — so a load that failed did not fall through to
   Georgia as intended, it fell through to whichever optical size of Latin Modern
   the reader happened to own, and the page came out in a face nobody chose. The
   fallback is now the one written in the stack. */

@font-face {
	font-family: 'Kladdle Roman';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('/lmroman-regular.woff2') format('woff2');
}

/* A real italic, not the roman slanted. Twelve places set font-style: italic —
   objective titles, the chips, placeholders, and the wordmark's own k — and
   without this face the browser synthesised every one of them by shearing the
   upright. Latin Modern's italic is a different design, not a slanted roman:
   compare the a, the d and the k. */
@font-face {
	font-family: 'Kladdle Roman';
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	src: url('/lmroman-italic.woff2') format('woff2');
}

/* the UI voice: labels, captions, metadata, dates */
@font-face {
	font-family: 'Kladdle Mono';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('/lmmono-regular.woff2') format('woff2');
}