@font-face {
    font-family: "Cairo";
    src: url("../fonts/cairo/Cairo-Variable.woff2?v=20260812.1") format("woff2");
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
}

:root {
    --font-family-base: "Cairo", "Tajawal", Tahoma, Arial, system-ui, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
table,
th,
td,
option,
dialog {
    font-family: var(--font-family-base);
}

/* Keep symbol, barcode, QR, monospace and printable-document families intact. */
.material-symbols-rounded,
code,
pre,
.hash {
    font-family: inherit;
}
.material-symbols-rounded { font-family: "Material Symbols Rounded"; }
code, pre, .hash { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }