/*
 * Self-hosted variable fonts.
 * ---------------------------------------------------------------------------
 * These are npm packages, not CDN links. The .woff2 files are copied into the
 * build output and served from your own domain, so reading a page here makes
 * zero requests to Google, Adobe or anyone else. That is a privacy property,
 * not just a performance one — a webfont request leaks the reader's IP address
 * and the page they are on to whoever serves it.
 *
 * Only the latin subset and the weights actually used are imported. Adding
 * `@fontsource-variable/<face>` and swapping the stack in tokens.css is all it
 * takes to change a typeface.
 */

/* Prose.
 *
 * These are the `opsz` files, not the default `index.css`. Fontsource ships one
 * file per axis: index.css carries weight only, opsz.css carries the optical
 * size axis. prose.css sets `font-optical-sizing: auto`, which does nothing at
 * all unless the face actually has that axis — so importing the wrong file
 * silently costs you the thing Newsreader was chosen for. Display headings
 * would render as inflated body text.
 */
@import '@fontsource-variable/newsreader/opsz.css';
@import '@fontsource-variable/newsreader/opsz-italic.css';

/* Interface: nav, metadata, captions, labels.
 * Weight axis only — at caption sizes the optical size axis is not worth the
 * extra file. */
@import '@fontsource-variable/inter/index.css';

/* Code and EXIF readouts. */
@import '@fontsource-variable/jetbrains-mono/index.css';