@font-face {
    font-family: 'SST-Arabic-Light';
    src: url('../fonts/alfont_com_AlFont_com_SST-Arabic-Light-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

:root {
    --font-arabic: 'SST-Arabic-Light', Arial, sans-serif;
    --font-english: 'DecoType-Naskh', Georgia, serif;
    --font-primary: var(--font-arabic);
}

* {
    font-family: var(--font-primary);
}

html[lang="ar"], [dir="rtl"] {
    font-family: var(--font-arabic);
}

html[lang="en"], [dir="ltr"] {
    font-family: var(--font-english);
}

.arabic-text {
    font-family: var(--font-arabic);
}

.english-text {
    font-family: var(--font-english);
}