/*
 * Non-critical Roboto font weights/styles.
 * Loaded asynchronously after the critical CSS so the browser does not
 * pre-fetch all 6 font files at VeryHigh priority during initial render.
 * Weights 400 and 700 (Regular and Bold) remain in style.css because they
 * are needed for above-the-fold text.
 */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/roboto-v51-latin-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/roboto-v51-latin-300italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-v51-latin-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/roboto-v51-latin-500.woff2') format('woff2');
}