/* ========================================================= fonts-arabic.css — Arabic custom fonts Zain → headings (h1–h6, .section-title, .card-title) IBM Plex → body text (p, li, td, labels, descriptions) Applied only when (RTL mode) ========================================================= */ /* ---------------------------------------------------------- @font-face — Zain (headings) — Regular only (no "long"/extended variants) ---------------------------------------------------------- */ @font-face { font-family: 'Zain'; src: url('../fonts/Zain-Regular.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; } /* ---------------------------------------------------------- @font-face — IBM Plex Sans Arabic (body text) ---------------------------------------------------------- */ @font-face { font-family: 'IBM Plex Sans Arabic'; src: url('../fonts/IBMPlexSansArabic-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Sans Arabic'; src: url('../fonts/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/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/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/IBMPlexSansArabic-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } /* ---------------------------------------------------------- Apply fonts — Arabic only ([lang="ar"] on ) Zain Regular for everything ---------------------------------------------------------- */ [lang="ar"], [lang="ar"] * { font-family: 'Zain', 'Cairo', system-ui, Arial, sans-serif !important; font-weight: 400; letter-spacing: 0; } /* Keep monospace elements (code, terminals, HUD) untouched */ [lang="ar"] code, [lang="ar"] pre, [lang="ar"] .topbar-btn__code, [lang="ar"] kbd, [lang="ar"] samp { font-family: 'Courier New', 'Consolas', monospace !important; }