/* Poppins — self-hosted
   The three weights Doppla uses, served from the files in this folder.

   Copy this folder into your project and import this file before
   tokens/doppla-tokens.css. Adjust the url() paths to match wherever the
   .ttf files end up.

   Serving the fonts yourself avoids a third-party request on every page
   load and keeps the brand rendering correctly offline and behind a
   firewall. 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.ttf') format('truetype');
}

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

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

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