/* ==========================================================================
   IBM Plex Sans Arabic - High Performance Local Fonts (woff2 Only)
   الأوزان: 400 (عادي) | 500 (متوسط) | 600 (سميك) | 700 (سميك جداً)
   ========================================================================== */

/* 1. عادي - Regular 400 */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: local('IBM Plex Sans Arabic'),
       url('fonts/ibm-plex-sans-arabic-v15-arabic_latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 2. متوسط - Medium 500 */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: local('IBM Plex Sans Arabic Medium'),
       local('IBM Plex Sans Arabic-Medium'),
       url('fonts/ibm-plex-sans-arabic-v15-arabic_latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 3. سميك - Semi-Bold 600 */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: local('IBM Plex Sans Arabic SemiBold'),
       local('IBM Plex Sans Arabic-SemiBold'),
       url('fonts/ibm-plex-sans-arabic-v15-arabic_latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* 4. سميك جداً - Bold 700 (يشمل 800 و 900) */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: local('IBM Plex Sans Arabic Bold'),
       local('IBM Plex Sans Arabic-Bold'),
       url('fonts/ibm-plex-sans-arabic-v15-arabic_latin-700.woff2') format('woff2');
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   Global CSS Variables & Element Rules
   ========================================================================== */

:root {
  --global-body-font-family: 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans Arabic', Tahoma, Arial, sans-serif;
  --global-heading-font-family: 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans Arabic', Tahoma, Arial, sans-serif;
}

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, a, span, li, div {
  font-family: 'IBM Plex Sans Arabic', var(--global-body-font-family), sans-serif;
}

h1, h2, h3, h4 {
  font-weight: 700;
}

/* ضبط أحجام العناوين المتجاوبة */
h2 { font-size: clamp(1.4rem, 4vw, 1.7rem); }
h3 { font-size: clamp(1.2rem, 3vw, 1.4rem); }
h4 { font-size: clamp(1.1rem, 2vw, 1.2rem); }