/* Webfonts.
   The .fig ships no font binaries, so the four families it names are loaded from
   Google Fonts where an exact match exists:
     Roboto          - the working UI face across every section instance (exact)
     Inter           - declared "Body Typeface" in the Style Guide (exact)
     BIZ UDPMincho   - declared "Heading Typeface" in the Style Guide (exact)
     Space Grotesk   - SUBSTITUTION for "Relative" (Colophon Foundry, licensed).
                       Used for style-guide subheads/labels. Replace with real
                       Relative webfonts when licensed.
     Graphik         - 1 usage in the file; falls back to Inter (SUBSTITUTION).
*/
/* Loaded via a real <link rel="stylesheet"> in each page's own <head>
   (plus preconnect hints for fonts.googleapis.com/fonts.gstatic.com),
   not an @import here - an @import nested inside styles.css's own
   @import chain meant the browser couldn't even discover this request
   until two prior stylesheets had been fetched and parsed, adding real
   round trips to the critical path (confirmed via PageSpeed Insights'
   network dependency tree: ~938ms of critical-path latency, most of it
   this chain depth rather than the font files themselves). A <link> in
   the HTML is found by the preload scanner immediately, in parallel
   with every other stylesheet. */

:root {
  --font-heading: 'BIZ UDPMincho', Georgia, 'Times New Roman', serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-ui: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-label: 'Space Grotesk', Roboto, -apple-system, sans-serif; /* stands in for Relative */
}