/* Self-hosted webfonts — no third-party requests at render time.
   ─────────────────────────────────────────────────────────────────────────────
   IBM Plex Sans Arabic: the exact woff2 subsets Google Fonts serves for
   `family=IBM+Plex+Sans+Arabic:wght@400;500`, saved locally. Only the two
   weights the page paints (400 body, 500 headings/buttons — the design system's
   --font-heading-weight) and the two subsets it needs (arabic, latin) are here;
   the prototype's link also pulled 300 and 600, which nothing uses.

   Phosphor: the design system mandates Phosphor icons. The upstream regular
   webfont is 147 KB / ~1500 glyphs; this is a 28-glyph subset (3.8 KB) built
   with pyftsubset from @phosphor-icons/web@2.1.1. When you add an icon to the
   page, re-cut the subset — see README.md. */

/* — IBM Plex Sans Arabic 400 — */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/plex-arabic-400.woff2') format('woff2');
  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: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/plex-latin-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* — IBM Plex Sans Arabic 500 — */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/plex-arabic-500.woff2') format('woff2');
  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: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/plex-latin-500.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* — Phosphor (regular), 28-glyph subset — */
@font-face {
  font-family: 'Phosphor';
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url('../fonts/phosphor.woff2') format('woff2');
}

.ph {
  /* !important as upstream: guards against extensions that override fonts */
  font-family: 'Phosphor' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  font-feature-settings: 'liga';
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ph.ph-address-book:before { content: '\e6f8'; }
.ph.ph-arrow-left:before { content: '\e058'; }
.ph.ph-arrow-right:before { content: '\e06c'; }
.ph.ph-arrows-clockwise:before { content: '\e094'; }
.ph.ph-books:before { content: '\e758'; }
.ph.ph-brain:before { content: '\e74e'; }
.ph.ph-buildings:before { content: '\e102'; }
.ph.ph-chart-line-up:before { content: '\e156'; }
.ph.ph-chat-circle-dots:before { content: '\e16c'; }
.ph.ph-check:before { content: '\e182'; }
.ph.ph-first-aid-kit:before { content: '\e570'; }
.ph.ph-flow-arrow:before { content: '\e6ec'; }
.ph.ph-fork-knife:before { content: '\e262'; }
.ph.ph-graduation-cap:before { content: '\e62c'; }
.ph.ph-identification-card:before { content: '\e2c8'; }
.ph.ph-instagram-logo:before { content: '\e2d0'; }
.ph.ph-lightning:before { content: '\e2de'; }
.ph.ph-list:before { content: '\e2f0'; }
.ph.ph-messenger-logo:before { content: '\e6d8'; }
.ph.ph-plus:before { content: '\e3d4'; }
.ph.ph-share-network:before { content: '\e408'; }
.ph.ph-shield-check:before { content: '\e40c'; }
.ph.ph-storefront:before { content: '\e470'; }
.ph.ph-translate:before { content: '\e4a2'; }
.ph.ph-tray:before { content: '\e4aa'; }
.ph.ph-truck:before { content: '\e4b4'; }
.ph.ph-whatsapp-logo:before { content: '\e5d0'; }
.ph.ph-x:before { content: '\e4f6'; }