@tailwind base;
@tailwind components;
@tailwind utilities;

@import './app-rtl.css' (prefers-direction: rtl);

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

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

html[lang="en"] {
    font-family: 'Instrument Sans', Arial, sans-serif !important;
    direction: ltr;
    text-align: left;
}

.default-text {
    font-family: 'Instrument Sans', Arial, sans-serif !important;
}