/* ========================================
   LOCAL FONTS - PERFORMANCE OPTIMIZED
   ======================================== */

/* 
 * After downloading fonts, place them in:
 * public/fonts/montserrat/
 * public/fonts/cairo/
 * public/fonts/noto-sans-arabic/
 * public/fonts/tajawal/
 */

/* ==========================================
   MONTSERRAT - Latin (French/English)
   ========================================== */

/* montserrat-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/montserrat/montserrat-v25-latin-300.woff2') format('woff2'),
       url('/fonts/montserrat/montserrat-v25-latin-300.woff') format('woff');
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/montserrat/montserrat-v25-latin-regular.woff2') format('woff2'),
       url('/fonts/montserrat/montserrat-v25-latin-regular.woff') format('woff');
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/montserrat/montserrat-v25-latin-500.woff2') format('woff2'),
       url('/fonts/montserrat/montserrat-v25-latin-500.woff') format('woff');
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/montserrat/montserrat-v25-latin-600.woff2') format('woff2'),
       url('/fonts/montserrat/montserrat-v25-latin-600.woff') format('woff');
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/montserrat/montserrat-v25-latin-700.woff2') format('woff2'),
       url('/fonts/montserrat/montserrat-v25-latin-700.woff') format('woff');
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/montserrat/montserrat-v25-latin-800.woff2') format('woff2'),
       url('/fonts/montserrat/montserrat-v25-latin-800.woff') format('woff');
}

/* montserrat-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/montserrat/montserrat-v25-latin-900.woff2') format('woff2'),
       url('/fonts/montserrat/montserrat-v25-latin-900.woff') format('woff');
}

/* ==========================================
   CAIRO - Arabic (Primary)
   ========================================== */

/* cairo-300 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/cairo/cairo-v28-arabic-300.woff2') format('woff2'),
       url('/fonts/cairo/cairo-v28-arabic-300.woff') format('woff');
}

/* cairo-regular - arabic */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/cairo/cairo-v28-arabic-regular.woff2') format('woff2'),
       url('/fonts/cairo/cairo-v28-arabic-regular.woff') format('woff');
}

/* cairo-500 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/cairo/cairo-v28-arabic-500.woff2') format('woff2'),
       url('/fonts/cairo/cairo-v28-arabic-500.woff') format('woff');
}

/* cairo-600 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/cairo/cairo-v28-arabic-600.woff2') format('woff2'),
       url('/fonts/cairo/cairo-v28-arabic-600.woff') format('woff');
}

/* cairo-700 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/cairo/cairo-v28-arabic-700.woff2') format('woff2'),
       url('/fonts/cairo/cairo-v28-arabic-700.woff') format('woff');
}

/* cairo-800 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/cairo/cairo-v28-arabic-800.woff2') format('woff2'),
       url('/fonts/cairo/cairo-v28-arabic-800.woff') format('woff');
}

/* cairo-900 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/cairo/cairo-v28-arabic-900.woff2') format('woff2'),
       url('/fonts/cairo/cairo-v28-arabic-900.woff') format('woff');
}

/* ==========================================
   NOTO SANS ARABIC - Arabic (Fallback)
   ========================================== */

/* noto-sans-arabic-300 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/noto-sans-arabic/noto-sans-arabic-v32-arabic-300.woff2') format('woff2'),
       url('/fonts/noto-sans-arabic/noto-sans-arabic-v32-arabic-300.woff') format('woff');
}

/* noto-sans-arabic-regular - arabic */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/noto-sans-arabic/noto-sans-arabic-v32-arabic-regular.woff2') format('woff2'),
       url('/fonts/noto-sans-arabic/noto-sans-arabic-v32-arabic-regular.woff') format('woff');
}

/* noto-sans-arabic-500 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/noto-sans-arabic/noto-sans-arabic-v32-arabic-500.woff2') format('woff2'),
       url('/fonts/noto-sans-arabic/noto-sans-arabic-v32-arabic-500.woff') format('woff');
}

/* noto-sans-arabic-600 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/noto-sans-arabic/noto-sans-arabic-v32-arabic-600.woff2') format('woff2'),
       url('/fonts/noto-sans-arabic/noto-sans-arabic-v32-arabic-600.woff') format('woff');
}

/* noto-sans-arabic-700 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/noto-sans-arabic/noto-sans-arabic-v32-arabic-700.woff2') format('woff2'),
       url('/fonts/noto-sans-arabic/noto-sans-arabic-v32-arabic-700.woff') format('woff');
}

/* ==========================================
   TAJAWAL - Arabic (Alternative)
   ========================================== */

/* tajawal-300 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/tajawal/tajawal-v9-arabic-300.woff2') format('woff2'),
       url('/fonts/tajawal/tajawal-v9-arabic-300.woff') format('woff');
}

/* tajawal-regular - arabic */
@font-face {
  font-display: swap;
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/tajawal/tajawal-v9-arabic-regular.woff2') format('woff2'),
       url('/fonts/tajawal/tajawal-v9-arabic-regular.woff') format('woff');
}

/* tajawal-500 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/tajawal/tajawal-v9-arabic-500.woff2') format('woff2'),
       url('/fonts/tajawal/tajawal-v9-arabic-500.woff') format('woff');
}

/* tajawal-700 - arabic */
@font-face {
  font-display: swap;
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/tajawal/tajawal-v9-arabic-700.woff2') format('woff2'),
       url('/fonts/tajawal/tajawal-v9-arabic-700.woff') format('woff');
}

/* ==========================================
   PERFORMANCE NOTES
   ========================================== */

/*
 * font-display: swap
 * - Shows fallback text immediately
 * - Swaps to custom font when loaded
 * - Eliminates FOUT (Flash of Unstyled Text)
 * 
 * woff2 format
 * - Modern, compressed format
 * - 30% smaller than woff
 * - Supported by all modern browsers
 * 
 * woff format
 * - Fallback for older browsers
 * - Widely supported
 */