/*!
 * Oyolloo Elements — font faces only.
 *
 * Deliberately contains no selectors, so loading this file cannot change a
 * single element on the page. It only makes the two families available by
 * name to whichever widget stylesheet asks for them.
 *
 * Both are variable fonts declared over a weight range, so one file per
 * family covers every weight the widgets use.
 */
@font-face{
  font-family:'Oswald';
  font-style:normal;
  font-weight:200 700;
  font-display:swap;
  src:url(../fonts/oswald.woff2) format('woff2');
}
@font-face{
  font-family:'Roboto';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(../fonts/roboto.woff2) format('woff2');
}

/* Fallback faces, so nothing moves when the real ones arrive.
 *
 * Measured in the browser at 100px on the same string: Oswald sets it in
 * 1371px where Arial takes 1773px, and Roboto in 1685px. Left alone, the
 * fallback runs wide, wraps a line the real font would not, and every block
 * below jumps when the swap happens. size-adjust scales the stand-in to the
 * same advance widths, so the line breaks land in the same places both before
 * and after.
 */
@font-face{
  font-family:'Oswald Fallback';
  font-style:normal;
  font-weight:200 700;
  src:local('Arial'), local('Helvetica Neue'), local('Liberation Sans');
  size-adjust:77.3%;
}
@font-face{
  font-family:'Roboto Fallback';
  font-style:normal;
  font-weight:100 900;
  src:local('Arial'), local('Helvetica Neue'), local('Liberation Sans');
  size-adjust:95%;
}