@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

:root {
    --tblr-font-sans-serif: "Cairo", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}

html,
body,
.app-header,
.app-footer,
.dropdown-menu,
.form-control,
.form-select,
.form-label,
.input-group,
.btn,
.table,
.card,
.card-title,
.card-body,
.nav,
.navbar,
.navbar-brand,
.sidebar,
.sidebar-nav,
.content,
.page,
.page-header,
.breadcrumb,
.dataTables_wrapper,
.modal,
.modal-header,
.modal-body,
.modal-footer,
.nav-tabs,
.tab-content,
.badge,
.alert,
.pagination,
.list-group,
.page-title,
.subheader,
.empty,
.empty-title,
.crud-tabs,
[class^="crud"],
#app,
.wrapper {
    font-family: var(--tblr-font-sans-serif) !important;
}