/* ============================================================
   typography.css — one font for the whole product.
   Load AFTER all vendor CSS in every layout so it wins the cascade.
   ============================================================ */

:root {
    --jdx-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --jdx-font-brand: 'Plus Jakarta Sans', var(--jdx-font);
    --jdx-font-mono: ui-monospace, 'SFMono-Regular', 'Cascadia Mono', Consolas, monospace;
}

body, h1, h2, h3, h4, h5, h6, p, span, div, a, li, td, th, label,
.btn, .form-control, .form-select, .form-label, input, select, textarea,
.table, .badge, .chip, .dropdown-menu, .nav, .navbar, .sidebar,
.modal, .modal-title, .modal-body, .modal-footer,
.select2-container, .select2-dropdown, .select2-results__option,
.daterangepicker, .swal2-popup, .dataTables_wrapper,
.pi-card, .pw-drawer {
    font-family: var(--jdx-font) !important;
}

/* Brand wordmark keeps the display face */
.jdx-brand-name, .auth-brand .name {
    font-family: var(--jdx-font-brand) !important;
}

/* Numbers line up in columns — the reason for choosing Inter */
.table td, .table th,
input[type=number], .num-chip, .totbar .val, .items input {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.num-chip {
    font-family: var(--jdx-font-mono) !important;
}