/* backend/src/main/resources/static/modules_styles/pikiner_sites/components/typography-tuning.css */

/* ==============================================
   TYPOGRAPHY TUNING — which typeface the sites are set in

   The single source of truth for the pair the two public sites use. The
   faces themselves are declared in the starter's fonts.css, which also
   carries the catalogue of what may be named here; this file only
   chooses.

   Written by the dev typography panel through PUT /api/typography-tuning
   and read back by GET — the store parses this file, so its shape is
   fixed: hand edits to the two family names survive a save, hand edits
   to the structure do not.

   Declared on :root, not on the page wrapper. The reset sets
   font-family: var(--gb-font-primary) on BODY, which is above
   .site-page, so an override down there resolves nothing for text —
   it silently moved the code face only, because that rule sits
   inside the wrapper. What limits this file to the two sites is
   delivery, not the selector: it is a module stylesheet and reaches
   no other module's pages. The account screens keep the theme's
   pair.

   The contract still requires --gb-font-primary and --gb-font-mono in
   the starter's theme, and they are declared there; this only wins
   after them, because module styles are linked after the starter's.
   When the choice is settled it moves into theme.css and this file
   goes away.

   The fallbacks behind each name are the platform stack: what paints in
   the moment before the webfont arrives, and for the reader who blocks
   webfonts outright.
   ============================================== */

:root {
  --gb-font-primary: "IBM Plex Sans", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --gb-font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", "Fira Mono",
    "Roboto Mono", Menlo, monospace;
}