/* ============================================================
   Self-hosted fonts
   ------------------------------------------------------------
   Served from this origin rather than Google Fonts for the same
   reasons the libraries are vendored — an office network that
   blocks third-party origins must not change how a receipt looks
   — plus one specific to printing: the PDF export rasterises the
   document, so if a webfont fails to load the exported receipt
   silently comes out in a fallback face with different metrics.
   A receipt that looks different depending on the network is not
   a document you can file.

   font-display: block (not swap) for the same reason: a flash of
   fallback text that gets captured mid-swap would be baked into
   the PDF.
   ============================================================ */


@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/jakarta-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/jakarta-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/jakarta-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/jakarta-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/jakarta-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/plex-arabic-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/plex-arabic-latin-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/plex-arabic-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/plex-arabic-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/plex-arabic-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: block;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/plex-arabic-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/plex-arabic-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: block;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/plex-arabic-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('../fonts/grotesk-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('../fonts/grotesk-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('../fonts/grotesk-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}