:root {
    --admin-font-family: 'Tajawal', sans-serif;
}

html {
    font-family: var(--admin-font-family) !important;
}

body,
html,
.main-body {
    font-family: var(--admin-font-family) !important;
}

input,
button,
select,
textarea,
.form-control,
.btn,
.table,
.card,
.nav,
.dropdown-menu,
.modal,
.alert,
.breadcrumb,
.content-title,
.side-menu,
.main-header,
.main-sidebar,
.slide-item,
.card-body,
.card-header,
h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
td,
th,
span:not([class*="fa"]):not([class*="fe"]):not([class*="la-"]):not([class*="ion"]):not(.material-symbols-outlined):not([class*="material-symbols"]) {
    font-family: var(--admin-font-family);
}

/* Preserve icon font families (do not inherit Tajawal) */
.fab {
    font-family: 'Font Awesome 5 Brands' !important;
    font-weight: 400 !important;
}

.fas,
.far,
.fal,
.fad,
.fa {
    font-family: 'Font Awesome 5 Free' !important;
}

.far,
.fal {
    font-weight: 400 !important;
}

.fas,
.fad {
    font-weight: 900 !important;
}

.fe,
[class^="fe-"],
[class*=" fe-"] {
    font-family: 'feather' !important;
}

.las,
.lar,
.lal,
.lad,
.la {
    font-family: 'Line Awesome Free' !important;
    font-weight: 900 !important;
}

.lab {
    font-family: 'Line Awesome Brands' !important;
    font-weight: 400 !important;
}

.ion,
[class^="ion-"],
[class*=" ion-"] {
    font-family: 'Ionicons' !important;
}

.typcn,
[class^="typcn-"],
[class*=" typcn-"] {
    font-family: 'typicons' !important;
}

.material-icons {
    font-family: 'Material Icons' !important;
}

.counter-icon i.fas,
.counter-icon i.far,
.counter-icon i.fal,
.counter-icon i.fad {
    font-family: 'Font Awesome 5 Free' !important;
}

.counter-icon i.fab {
    font-family: 'Font Awesome 5 Brands' !important;
}