@font-face {
    font-family: "Cairo";
    src: url("../fonts/cairo/Cairo-Variable.woff2") format("woff2"),
        url("../fonts/cairo/Cairo-VariableFont_slnt,wght.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
}

html {
    /* Keep orientation changes predictable without disabling browser zoom. */
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html,
body,
button,
input,
select,
textarea {
    /* Keep the local Cairo variable font upright across every ERP surface. */
    font-family: "Cairo", sans-serif;
    font-family: "Cairo", "Tahoma", "Arial", sans-serif;
    font-style: normal;
    font-synthesis: none;
    font-variation-settings: "slnt" 0;
}

/* Arabic glyphs must not inherit Latin tracking or an artificial oblique style. */
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
:lang(ar) {
    font-style: normal !important;
    font-synthesis: none;
    font-variation-settings: "slnt" 0;
    letter-spacing: 0 !important;
}