/* =========================================================
   Font and page direction
   ========================================================= */

html,
body {
    margin: 0;  
    min-height: 100%;
    direction: rtl;
    background: var(--cilny-background);
    color: var(--cilny-text);
    font-family: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;
}

body,
button,
input,
textarea,
select,
option {
    font-family: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif !important;
}

/* MudBlazor typography */
.mud-typography,
.mud-button-root,
.mud-input,
.mud-input-slot,
.mud-input-label,
.mud-select,
.mud-select-input,
.mud-table,
.mud-table-cell,
.mud-dialog,
.mud-dialog-title,
.mud-dialog-content,
.mud-snackbar,
.mud-menu,
.mud-list,
.mud-list-item,
.mud-tabs,
.mud-tab,
.mud-chip,
.mud-tooltip,
.mud-nav-link,
.mud-nav-link-text,
.mud-appbar,
.mud-drawer {
    font-family: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif !important;
}