/* Flow theme fonts (2026-09-27), self-hosted like Roboto in flowui.css -- Latin subsets, SIL OFL (fonts/FLOW-FONTS-LICENSE.txt).
   Which pair is used is the user's Theme > Font choice (theme/root.php sets --smui-font / --smui-font-head). */
@font-face { font-family: 'Bricolage Grotesque'; src: url('../fonts/bricolage-grotesque-var.woff2') format('woff2'); font-weight: 400 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('../fonts/ibm-plex-sans-var.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans Condensed'; src: url('../fonts/ibm-plex-sans-condensed-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans Condensed'; src: url('../fonts/ibm-plex-sans-condensed-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans Condensed'; src: url('../fonts/ibm-plex-sans-condensed-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans Condensed'; src: url('../fonts/ibm-plex-sans-condensed-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible'; src: url('../fonts/atkinson-hyperlegible-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible'; src: url('../fonts/atkinson-hyperlegible-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* the choice applies everywhere in Flow (and the settings pages in the Flow frame); headings get the heading face */
html.smui body, body.smui { font-family: var(--smui-font, 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif); }
.smui h1, .smui h2, .smui h3, .smui .smui-title, .smui .smui-nav-logo { font-family: var(--smui-font-head, var(--smui-font, 'Roboto', sans-serif)); letter-spacing: -0.01em; }
.smui input, .smui select, .smui textarea, .smui button { font-family: inherit; }