/* MaterialKit file: edit MaterialKit/layers/core/app/public/kit-fonts.css and run `node sync.mjs` there, never this copy.
   Every Google Sans Flex face the kit's theme names on the web (src/theme/fonts.ts: the 18 pt faces at 400-800, and the
   12, 14 and 16 pt cuts at 400, 500 and 700), over the kit's WOFF2 files in fonts/ beside this file. A page links it
   once: <link rel="stylesheet" href="/kit-fonts.css" />. The URLs are relative to this file, so a page served under a
   base path finds <base>/fonts/. font-display: swap draws the fallback until a face arrives, never blank text. */
@font-face { font-family: 'GoogleSansFlex_400Regular'; src: url('fonts/GoogleSansFlex_400Regular.ed66f316b0.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex_500Medium'; src: url('fonts/GoogleSansFlex_500Medium.5390d31139.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex_600SemiBold'; src: url('fonts/GoogleSansFlex_600SemiBold.5add94865b.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex_700Bold'; src: url('fonts/GoogleSansFlex_700Bold.cdf0bfd1d1.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex_800ExtraBold'; src: url('fonts/GoogleSansFlex_800ExtraBold.04a3f7d526.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex12pt_400Regular'; src: url('fonts/GoogleSansFlex12pt_400Regular.d3c88918fa.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex12pt_500Medium'; src: url('fonts/GoogleSansFlex12pt_500Medium.1012cfb1b0.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex12pt_700Bold'; src: url('fonts/GoogleSansFlex12pt_700Bold.b63f97655f.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex14pt_400Regular'; src: url('fonts/GoogleSansFlex14pt_400Regular.832133c15c.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex14pt_500Medium'; src: url('fonts/GoogleSansFlex14pt_500Medium.e18da5f3a8.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex14pt_700Bold'; src: url('fonts/GoogleSansFlex14pt_700Bold.8c33d576a0.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex16pt_400Regular'; src: url('fonts/GoogleSansFlex16pt_400Regular.4627dd2e93.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex16pt_500Medium'; src: url('fonts/GoogleSansFlex16pt_500Medium.86a47625b1.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'GoogleSansFlex16pt_700Bold'; src: url('fonts/GoogleSansFlex16pt_700Bold.305f7d4b4f.woff2') format('woff2'); font-display: swap; }

/* Text drawn outside the kit's Text (a raw element, a browser control) names Google Sans Flex too, not the browser's
   Times: body text's 14 pt cut, then the 18 pt face for a page without the cut, then the system's sans-serif. */
html,
body {
  font-family: 'GoogleSansFlex14pt_400Regular', 'GoogleSansFlex_400Regular', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
}