/* ==========================================================================
   Fonts
   --------------------------------------------------------------------------
   Font faces of the new layout (Layouts/Global.html). Not on old pages: their
   CSS uses "Roboto" without loading it, these faces would change the old text
   (old pages with the new header / footer: own font names in
   Css/Legacy/header-footer.css).
   ========================================================================== */

/* ==========================================================================
   FONT FACE – Roboto (variable, self-hosted, latin subset)
   Preloaded in Configuration/TypoScript/Setup/page.typoscript (headerData.5).
   ========================================================================== */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../../Fonts/roboto/roboto-latin-wght-normal.woff2") format("woff2-variations"),
       url("../../Fonts/roboto/roboto-latin-wght-normal.woff2") format("woff2");
}

/* ==========================================================================
   FONT FACE – Roboto Serif (variable: weight + optical size, latin subset)
   Headings. Optical size follows the font size automatically
   (font-optical-sizing: auto is the browser default). Not preloaded: below the fold.
   ========================================================================== */
@font-face {
  font-family: "Roboto Serif";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../../Fonts/roboto-serif/roboto-serif-latin-opsz-normal.woff2") format("woff2-variations"),
       url("../../Fonts/roboto-serif/roboto-serif-latin-opsz-normal.woff2") format("woff2");
}