@font-face {
    font-family: "SafarX Latin";
    src: url("/assets/fonts/somar-sans/SomarSans-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-024F;
}

@font-face {
    font-family: "SafarX Latin";
    src: url("/assets/fonts/somar-sans/SomarSans-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-024F;
}

@font-face {
    font-family: "SafarX Latin";
    src: url("/assets/fonts/somar-sans/SomarSans-SemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-024F;
}

@font-face {
    font-family: "SafarX Latin";
    src: url("/assets/fonts/somar-sans/SomarSans-Bold.otf") format("opentype");
    font-weight: 700 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-024F;
}

@font-face {
    font-family: "SafarX Arabic";
    src: url("/assets/fonts/jf-flat/jf-flat-regular.ttf") format("truetype");
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
    unicode-range:
        U+0600-06FF,
        U+0750-077F,
        U+08A0-08FF,
        U+FB50-FDFF,
        U+FE70-FEFF;
}

:root {
    --tx-font-stack: "SafarX Latin", "SafarX Arabic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body {
    font-family: var(--tx-font-stack) !important;
}