/* Roboto is now loaded via a <link> in the page <head> (see
 * components/header/index.twig) instead of an @import here — an @import inside
 * a stylesheet chains an extra request and delays the font, widening the window
 * in which text is shown in the fallback and then reflows.
 *
 * This metric-matched fallback makes the swap from the system font to Roboto
 * cause ~no layout shift: 'Roboto Fallback' is the local system font scaled so
 * its line box matches Roboto's. Values are the standard Roboto/Arial metrics.
 * It is referenced right after Roboto in --body-font-family (theme CSS files).
 */
@font-face {
  font-family: 'Roboto Fallback';
  src: local('Arial');
  ascent-override: 92.77%;
  descent-override: 24.41%;
  line-gap-override: 0.00%;
  size-adjust: 100.06%;
}