/* Option A — Google Fonts (simplest) */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

/* Option B (OFF for now) - self-hosted font files.
   The /fonts/ folder does not exist yet, so these rules are commented out.
   To use them later: download the .woff2 files into /fonts/, delete the
   Option A @import above, then remove the comment marks around the rules below. */
/*
@font-face { font-family: 'IBM Plex Sans Arabic'; font-weight: 400; font-display: swap; src: url('../fonts/IBMPlexSansArabic-Regular.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans Arabic'; font-weight: 500; font-display: swap; src: url('../fonts/IBMPlexSansArabic-Medium.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans Arabic'; font-weight: 600; font-display: swap; src: url('../fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans Arabic'; font-weight: 700; font-display: swap; src: url('../fonts/IBMPlexSansArabic-Bold.woff2') format('woff2'); }
*/