/* ==================================
   خطوط المشروع العامة
   ================================== */

@font-face {
    font-family: "DINNextApp";
    src: url("../fonts/din-next-lt-w23-regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaApp";
    src: url("../fonts/HelveticaNeue.ttc") format("collection");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

:root {
    --app-font-text: "HelveticaApp", Arial, Tahoma, sans-serif;
    --app-font-title: "DINNextApp", Tahoma, Arial, sans-serif;
}

/* جميع النصوص والحقول والأزرار */
html,
body,
input,
select,
textarea,
button,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.table,
.alert,
.badge,
.nav-link,
.modal,
.offcanvas {
    font-family: var(--app-font-text) !important;
}

/* العناوين في جميع الصفحات */
h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.section-title,
.card-title,
.modal-title,
.offcanvas-title,
.navbar-brand,
.portal-title,
.dashboard-title {
    font-family: var(--app-font-title) !important;
}

/* عناصر العنوان داخل بعض مكونات Bootstrap */
.card-header,
.accordion-button,
.dropdown-header {
    font-family: var(--app-font-title) !important;
}


/* ==================================
   تعريف الخطوط
   ================================== */

@font-face {
    font-family: "DINNextApp";
    src: url("/fonts/din-next-lt-w23-regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaApp";
    src: url("/fonts/HelveticaNeue.ttc") format("collection");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

:root {
    --app-text-font: "HelveticaApp", Arial, Tahoma, sans-serif;
    --app-title-font: "DINNextApp", Tahoma, Arial, sans-serif;
}

/* ==================================
   النصوص العامة
   ================================== */

html,
body {
    font-family: var(--app-text-font) !important;
}

    /* العناصر التي قد تحتوي تعريف خط مستقل */
    body p,
    body span,
    body label,
    body a,
    body li,
    body td,
    body th,
    body small,
    body strong,
    body input,
    body select,
    body textarea,
    body button,
    body .btn,
    body .form-control,
    body .form-select,
    body .form-label,
    body .nav-link,
    body .dropdown-item,
    body .alert,
    body .badge,
    body .card-body,
    body .modal-body,
    body .offcanvas-body {
        font-family: var(--app-text-font) !important;
    }

    /* ==================================
   جميع العناوين
   ================================== */

    body h1,
    body h2,
    body h3,
    body h4,
    body h5,
    body h6,
    body .page-title,
    body .section-title,
    body .card-title,
    body .card-header,
    body .modal-title,
    body .offcanvas-title,
    body .navbar-brand,
    body .dashboard-title,
    body .portal-title,
    body .toolbarx-title,
    body .accordion-button,
    body legend {
        font-family: var(--app-title-font) !important;
    }