/* Poppins, for the web
   The three weights Doppla uses, as WOFF2, served from this folder.

   Import this file before doppla-tokens.css. The url() paths are relative
   to this file, so keep the .woff2 files beside it, or adjust the paths to
   match wherever they end up. OFL.txt must stay with the font files.
*/

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('./Poppins-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./Poppins-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./Poppins-Medium.woff2') format('woff2');
}

/* Bold is deliberately absent. The brand does not use it (section 06 of
   the guidelines). Asking for font-weight: 700 will synthesise a bold,
   which will look wrong. Use 500 instead. */