@font-face {
    font-family: "Noto Kufi Arabic";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/noto-kufi-arabic-400.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Kufi Arabic";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/noto-kufi-arabic-500.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Kufi Arabic";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/noto-kufi-arabic-600.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Kufi Arabic";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/noto-kufi-arabic-700.woff2") format("woff2");
}

:root { --font-ui: "Noto Kufi Arabic", sans-serif; }
html { direction: rtl; font-family: var(--font-ui); }
*, *::before, *::after { font-family: var(--font-ui); }
button, input, textarea, select, optgroup, table { font-family: var(--font-ui); }
button, input, textarea, select { font-size: inherit; }