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

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

html[lang="ar"] {
    --font-sans: var(--font-sans-arabic);
}

html {
    font-size: 14px;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
option {
    font-family: var(--font-sans);
}

:lang(ar) {
    font-family: var(--font-sans-arabic);
}