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

/* Almarai - Local */
@font-face {
    font-family: 'Almarai';
    src: url('../fonts/almarai-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Almarai';
    src: url('../fonts/almarai-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Cairo - Local */
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Outfit - Local */
@font-face {
    font-family: 'Outfit';
    src: url('../fonts/outfit-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit';
    src: url('../fonts/outfit-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Primary Arabic Font */
    --font-primary: 'Tajawal', sans-serif;
    
    /* Secondary/Body Arabic Font */
    --font-secondary: 'Almarai', sans-serif;
    
    /* Display/Heading Arabic Font */
    --font-display: 'Cairo', sans-serif;
    
    /* Premium English Font */
    --font-english: 'Outfit', sans-serif;
}

/* Base Font Definitions */
[lang="ar"] {
    --font-main: var(--font-primary);
}

[lang="en"] {
    --font-main: var(--font-english);
}

/* Utility classes for specific font styles */
.font-primary { font-family: var(--font-primary); }
.font-secondary { font-family: var(--font-secondary); }
.font-display { font-family: var(--font-display); }
.font-english { font-family: var(--font-english); }