/* ============================================= */
/* TAJAWAL FONT - Primary Font                  */
/* Modern Arabic font for web applications      */
/* Supports Arabic, Latin, and numbers          */
/* ============================================= */

/* ExtraLight 200 */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('./Tajawal-ExtraLight.ttf') format('truetype');
}

/* Light 300 */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('./Tajawal-Light.ttf') format('truetype');
}

/* Regular 400 */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./Tajawal-Regular.woff2') format('woff2'),
       url('./Tajawal-Regular.woff') format('woff'),
       url('./Tajawal-Regular.ttf') format('truetype');
}

/* Medium 500 */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./Tajawal-Medium.ttf') format('truetype');
}

/* Semi-Bold 600 */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./Tajawal-Bold.ttf') format('truetype');
}

/* Bold 700 */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./Tajawal-Bold.ttf') format('truetype');
}

/* ExtraBold 800 */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('./Tajawal-ExtraBold.ttf') format('truetype');
}

/* Black 900 */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('./Tajawal-Black.ttf') format('truetype');
}

/* ============================================= */
/* CAIRO ARABIC FONT - Fallback                 */
/* ============================================= */

/* Cairo Variable Font - supports all weights 200-1000 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('./Cairo-VariableFont_slnt,wght.ttf') format('truetype-variations');
  font-variation-settings: 'wght' 400, 'slnt' 0;
}

/* Fallback for browsers that don't support variable fonts */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./Cairo-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./Cairo-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./Cairo-VariableFont_slnt,wght.ttf') format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./Cairo-VariableFont_slnt,wght.ttf') format('truetype');
}