/* Triplan Design System V5 — self-hosted fonts (WOFF2)
 * Vendored from Google Fonts (OFL) 2026-07-14. Files in assets/fonts/.
 * Faces lazy-load: a face is only fetched when text actually renders it.
 * Arabic faces are scoped by unicode-range so they load only on Arabic text.
 *   Display : Bricolage Grotesque (700, 800)  → --tp-font-display
 *   Body/UI : Inter (400, 500, 600)           → --tp-font-body
 *   Accent  : Fraunces italic (400)           → --tp-font-accent  (rare)
 *   Arabic  : IBM Plex Sans Arabic (400, 600)  → --tp-font-ar
 */

/* ── Bricolage Grotesque (display) ─────────────────────────── */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../fonts/bricolage-grotesque-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../fonts/bricolage-grotesque-800.woff2') format('woff2');
}

/* ── Inter (body / UI) ─────────────────────────────────────── */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/inter-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../fonts/inter-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../fonts/inter-600.woff2') format('woff2');
}

/* ── Fraunces (rare editorial italic accent) ───────────────── */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/fraunces-italic-400.woff2') format('woff2');
}

/* ── IBM Plex Sans Arabic (Arabic only) ────────────────────── */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/ibm-plex-sans-arabic-400.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0898-08E1, U+08E3-08FF,
    U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFF, U+1EE00-1EEFF;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../fonts/ibm-plex-sans-arabic-600.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0898-08E1, U+08E3-08FF,
    U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFF, U+1EE00-1EEFF;
}