/* =====================================================================
   Dashboard typeface — Cairo (variable, weights 200–1000)
   Licensed under the SIL Open Font License (see ../fonts/cairo/OFL.txt)
   ===================================================================== */
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/Cairo-Variable.ttf') format('truetype-variations'),
         url('../fonts/cairo/Cairo-Variable.ttf') format('truetype');
    font-weight: 200 1000;
    font-style: normal;
    font-display: swap;
}

:root {
    --ml-font: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

/* Text elements only — icon fonts (.fa, .bi, .zmdi, .md …) keep their own font-family */
html, body,
h1, h2, h3, h4, h5, h6, p, a, span, small, strong, b, label, li, td, th, legend,
button, input, select, textarea, optgroup, option,
.btn, .form-control, .table, .dataTables_wrapper, .modal, .tooltip, .popover, .dropdown-menu,
.page-title, .header-title, .footer,
.swal2-popup, .swal2-title, .swal2-html-container, .swal2-styled,
.flatpickr-calendar, .flatpickr-calendar input,
#toast-container, .toast-title, .toast-message,
.select2-container, .select2-results__option, .nice-select {
    font-family: var(--ml-font);
}

body {
    font-feature-settings: "kern" 1;
    text-rendering: optimizeLegibility;
}