/* Self-hosted, so the page has no external dependency and renders identically
   offline. Manrope ships as a variable font — one file covers 300 to 800. */

@font-face {
  font-family: "Manrope";
  src: url(../assets/fonts/manrope-variable.woff2) format("woff2-variations");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Mono";
  src: url(../assets/fonts/dm-mono-400.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Mono";
  src: url(../assets/fonts/dm-mono-500.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Alexandria carries the Arabic. It ships as two subsets rather than one file:
   the Arabic block is the expensive half, and a reader on the English side of
   the site should never pay for glyphs the page cannot use. unicode-range is
   what decides that — the browser fetches a subset only once a character in
   its range is actually about to be painted.

   Variable, 200 to 800, like Manrope. Declared with format("woff2") rather
   than the older woff2-variations spelling above; both are honoured, and the
   weight range is what tells the browser the file is variable. */

@font-face {
  font-family: "Alexandria";
  src: url(../assets/fonts/alexandria-arabic.woff2) format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
    U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF,
    U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
  font-family: "Alexandria";
  src: url(../assets/fonts/alexandria-latin.woff2) format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}