@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

/*
 * BENA UI font layer.
 * This file is loaded after the existing theme styles so it overrides
 * the old Cairo/Tajawal declarations without deleting them.
 */
:root {
    --font-ui: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
option,
optgroup,
.font-sans,
.font-bold,
.font-semibold,
.font-medium,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
li,
td,
th,
small,
span {
    font-family: var(--font-ui) !important;
}

button,
input,
select,
textarea {
    font: inherit;
}
.nav-link,
.login-btn,
.primary-btn,
.secondary-btn,
.service-tag,
button {
    font-weight: 500 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600 !important;
}

p,
label,
input,
select,
textarea,
li,
td,
th {
    font-weight: 400 !important;
}