/* =========================================================================
   Rakmanati — Self-hosted fonts (replaces Google Fonts network requests)
   All files are served from the same origin (Netlify), so there is no
   external DNS/TLS round-trip. This is the single biggest fix for the
   slow First Contentful Paint on mobile.

   font-display: swap  -> text paints immediately in the fallback font,
                          then swaps to the web font once loaded (no FOIT).
   ========================================================================= */

/* ---------------- Plus Jakarta Sans (primary body font) ---------------- */
@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:normal;font-weight:400;font-display:swap;
  src:url('./plus-jakarta-sans-400.woff2') format('woff2');
}
@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:normal;font-weight:500;font-display:swap;
  src:url('./plus-jakarta-sans-500.woff2') format('woff2');
}
@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:normal;font-weight:600;font-display:swap;
  src:url('./plus-jakarta-sans-600.woff2') format('woff2');
}
@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:normal;font-weight:700;font-display:swap;
  src:url('./plus-jakarta-sans-700.woff2') format('woff2');
}

/* ---------------- Space Grotesk (display / headings — LCP) ---------------- */
@font-face{
  font-family:'Space Grotesk';
  font-style:normal;font-weight:400;font-display:swap;
  src:url('./space-grotesk-400.woff2') format('woff2');
}
@font-face{
  font-family:'Space Grotesk';
  font-style:normal;font-weight:500;font-display:swap;
  src:url('./space-grotesk-500.woff2') format('woff2');
}
@font-face{
  font-family:'Space Grotesk';
  font-style:normal;font-weight:700;font-display:swap;
  src:url('./space-grotesk-700.woff2') format('woff2');
}

/* ---------------- JetBrains Mono (small technical labels) ---------------- */
@font-face{
  font-family:'JetBrains Mono';
  font-style:normal;font-weight:400;font-display:swap;
  src:url('./jetbrains-mono-400.woff2') format('woff2');
}
@font-face{
  font-family:'JetBrains Mono';
  font-style:normal;font-weight:500;font-display:swap;
  src:url('./jetbrains-mono-500.woff2') format('woff2');
}

/* ---------------- Cairo (Arabic only — loaded lazily) ----------------
   Marked font-display:swap; the browser only fetches these files when an
   element actually uses the 'Cairo' family (i.e. when the user switches
   to Arabic), so they cost nothing on the default French page load. */
@font-face{
  font-family:'Cairo';
  font-style:normal;font-weight:400;font-display:swap;
  src:url('./cairo-400.woff2') format('woff2');
}
@font-face{
  font-family:'Cairo';
  font-style:normal;font-weight:500;font-display:swap;
  src:url('./cairo-500.woff2') format('woff2');
}
@font-face{
  font-family:'Cairo';
  font-style:normal;font-weight:600;font-display:swap;
  src:url('./cairo-600.woff2') format('woff2');
}
@font-face{
  font-family:'Cairo';
  font-style:normal;font-weight:700;font-display:swap;
  src:url('./cairo-700.woff2') format('woff2');
}