/* frontend/public/fonts/fonts.css */

/* LABIXO UI fonts. Only the supported 400/500/600/700 weights are loaded. */
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/en/IBMPlexSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/en/IBMPlexSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/en/IBMPlexSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/en/IBMPlexSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Tajawal is the authenticated Arabic UI family. Tajawal publishes official
   static faces at 400, 500, and 700; semantic 600 resolves through standard
   browser weight matching without loading a duplicate unofficial face. */
@font-face {
  font-family: "Tajawal";
  src: url("/fonts/ar/tajawal/Tajawal-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Existing public Arabic marketing family; retained so this authenticated
   typography pass does not change public-site typography. */
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/fonts/ar/IBMPlexSansArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/fonts/ar/IBMPlexSansArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/fonts/ar/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/fonts/ar/IBMPlexSansArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("/fonts/ar/tajawal/Tajawal-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("/fonts/ar/tajawal/Tajawal-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Optional: Sakkal Majalla (headings) — only if you add the font file later
@font-face {
  font-family: "Sakkal Majalla";
  src: url("/fonts/ar/SakkalMajalla.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*/