/* ============================================================
   Klyxin — self-hosted IBM Plex superfamily (zero external network).
   Family names are kept LITERAL ("IBM Plex Sans Arabic", "IBM Plex Sans",
   "IBM Plex Mono", "IBM Plex Serif") so css/tokens.css is unchanged except
   the deleted Google-Fonts @import. Load this BEFORE tokens.css.
   Arabic faces carry the Arabic unicode-range so Latin always resolves to
   the Latin family next in the token stack. All faces font-display:swap.
   Sources: arabic/latin/mono-500 vendored 2026-07-17; mono-400/600 +
   serif-600 + serif-italic-500 subsetted from the OFL IBM Plex (Latin range).
   ============================================================ */

/* ---- IBM Plex Sans Arabic (RTL default script + Arabic-Indic digits) ---- */
@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: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F, U+2010-2011;
}
@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: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F, U+2010-2011;
}
@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: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F, U+2010-2011;
}

/* ---- IBM Plex Sans (Latin — EN copy + fallthrough for AR pages) ---- */
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/plex-latin-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/plex-latin-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/plex-latin-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ---- IBM Plex Mono (slugs, .klyxin.com, prices, phone) ---- */
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/plex-mono-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/plex-mono-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}

/* ---- IBM Plex Serif (hero <em> italic-500 + legal <h1>/<h2> 600, Latin) ---- */
@font-face {
  font-family: "IBM Plex Serif";
  src: url("/fonts/plex-serif-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Serif";
  src: url("/fonts/plex-serif-italic-500.woff2") format("woff2");
  font-weight: 500; font-style: italic; font-display: swap;
}