@font-face {
    font-family: 'Hafs';
    src: url('../fonts/hafs_v20.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

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

/* Urdu Font fallback & system stack */
@font-face {
    font-family: 'Jameel';
    src: local('Jameel Noori Nastaleeq'), local('Urdu Typesetting'), local('Noto Nastaliq Urdu');
    font-display: swap;
}

.font-quran {
    font-family: 'Hafs', 'Amiri', 'Traditional Arabic', serif;
    direction: rtl;
    line-height: 2.2;
}

.font-ui {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-urdu {
    font-family: 'Jameel', 'Noto Nastaliq Urdu', 'Urdu Typesetting', serif;
    direction: rtl;
    line-height: 2;
}