@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');

:root {
    --font-sans: "Tajawal", Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
table,
.font-sans,
.dropdown-menu,
.tooltip,
.popover {
    font-family: "Tajawal", Arial, sans-serif !important;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[dir="rtl"] body,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea {
    letter-spacing: 0;
}