/*
 * The site's global stylesheet: every page links it
 * (<link rel="stylesheet" href="/assets/gem-global.css">), the React app's index.html too, so
 * anything that belongs to all pages is added here instead of to each.
 *
 * Today that is the faces, self-hosted, written into the build from their Fontsource packages
 * (the selfHostedFonts plugin in apps/web/vite.config.ts) and served at /assets/fonts/<face>/
 * in development: Inter, the body and the headings, and IBM Plex Mono, the machine voice,
 * which the app reads through tokens.css's --font-sans, --font-heading and --font-mono
 * (docs/migration/V7_MIGRATION.md); the Decision Intelligence page and the legacy scripts
 * name Inter themselves. Each family's stylesheet declares one @font-face per subset, so a
 * browser downloads only the files a page's text uses.
 */

@import url('./fonts/inter/inter.css');
@import url('./fonts/ibm-plex-mono/ibm-plex-mono.css');