/**
 * Kimia Farma Shortlink — unified typography (Inter, matches HOME)
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --kf-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html {
    font-family: var(--kf-font);
}

body,
button,
input,
select,
textarea,
.form-control,
.btn {
    font-family: inherit;
}

/* Legacy main.css utility classes */
.l1-txt1,
.l1-txt3,
.s1-txt1,
.s1-txt2,
.m1-txt2 {
    font-family: var(--kf-font) !important;
    font-weight: 400;
}

.l1-txt2,
.m1-txt1 {
    font-family: var(--kf-font) !important;
    font-weight: 700;
}

/* Vuexy admin dashboard */
body,
.content-wrapper,
.navbar,
.card,
.card-body,
.card-title,
.card-text,
h1, h2, h3, h4, h5, h6,
p, span, label, a, li, td, th,
.table,
.btn,
.form-control,
.custom-control-label,
.brand-text,
.user-name,
.user-status,
.navigation,
.main-menu,
.breadcrumb,
.modal,
.dropdown-menu,
.alert,
.badge,
.pagination,
.dataTables_wrapper,
div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select {
    font-family: var(--kf-font) !important;
}