@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');

:root {
    --app-font: 'IBM Plex Sans Arabic', 'Tahoma', 'Arial', sans-serif;
}

html,
body,
body *,
button,
input,
select,
textarea,
optgroup {
    font-family: var(--app-font) !important;
}

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

input,
select,
textarea,
button {
    font: inherit;
}

svg text {
    font-family: var(--app-font) !important;
}

@media print {
    html,
    body,
    body *,
    button,
    input,
    select,
    textarea,
    optgroup,
    svg text {
        font-family: var(--app-font) !important;
    }
}

/* Preserve icon fonts after global IBM Plex Sans Arabic override. */
.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa::before,
.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
i[class^="fa-"],
i[class*=" fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-style: normal !important;
}

.fas,
.fa-solid {
    font-weight: 900 !important;
}

.far,
.fa-regular {
    font-weight: 400 !important;
}

.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}