@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --siap-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Font utama aplikasi. Sengaja tidak menyentuh class icon Font Awesome agar icon tetap tampil. */
html,
body,
.wrapper,
.main-wrapper,
.main-content,
.section,
.section-header,
.section-body,
.card,
.card-header,
.card-body,
.card-footer,
.table,
.table th,
.table td,
.form-group,
.form-control,
.form-control-sm,
.form-control-lg,
.custom-select,
.input-group,
.input-group-text,
textarea,
select,
option,
button,
.btn,
.badge,
.alert,
.modal,
.modal-title,
.modal-body,
.modal-footer,
.dropdown-menu,
.dropdown-item,
.dropdown-title,
.navbar,
.navbar-nav,
.nav-link,
.main-sidebar,
.sidebar-brand,
.sidebar-brand a,
.sidebar-menu,
.sidebar-menu li,
.sidebar-menu li a,
.sidebar-menu li a span,
.sidebar-menu li ul.dropdown-menu,
.sidebar-menu li ul.dropdown-menu li,
.sidebar-menu li ul.dropdown-menu li a,
.sidebar-menu li ul.dropdown-menu li a span,
.menu-header,
.main-footer,
.breadcrumb,
.breadcrumb-item,
.pagination,
.page-link,
.tooltip,
.popover,
.toast,
.swal-modal,
.swal-title,
.swal-text,
.select2-container,
.select2-container *,
.select2-dropdown,
.select2-results,
.select2-results__option,
.select2-search__field,
.select2-selection,
.select2-selection__rendered,
.select2-selection__placeholder,
.selectric,
.selectric *,
.selectric-items,
.selectric-items li,
.selectric .label,
.selectric .button,
.bootstrap-select,
.bootstrap-select *,
.dropdown.bootstrap-select,
.choices,
.choices *,
.selectize-control,
.selectize-control *,
.dataTables_wrapper,
.dataTables_wrapper *,
.dt-buttons,
.dt-buttons *,
.public-page,
.public-page *,
.login-page,
.login-page * {
  font-family: var(--siap-font-family) !important;
}

/* Jaga icon tetap memakai font icon. */
i.fa,
i.fas,
i.far,
i.fab,
.fa,
.fas,
.far,
.fab,
[class^='fa-'],
[class*=' fa-'],
.main-sidebar .sidebar-menu li a i,
.btn i,
.dropdown-item i {
  font-family: 'Font Awesome 5 Free' !important;
}

.fab,
i.fab {
  font-family: 'Font Awesome 5 Brands' !important;
}

.far,
i.far {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 400 !important;
}

.fas,
i.fas,
.fa,
i.fa {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
}

body {
  font-weight: 400;
  letter-spacing: -0.01em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.section .section-header h1,
.card .card-header h4,
.card-title,
.page-title,
.main-sidebar .sidebar-brand a,
.navbar .nav-link,
.btn,
.badge,
.table th,
.form-group label,
.menu-header,
.sidebar-menu li a,
.sidebar-menu li ul.dropdown-menu li a {
  font-weight: 650 !important;
  letter-spacing: -0.02em;
}

.sidebar-menu li a,
.sidebar-menu li a span,
.sidebar-menu li ul.dropdown-menu li a,
.sidebar-menu li ul.dropdown-menu li a span,
.dropdown-menu .dropdown-item,
.select2-results__option,
.selectric-items li,
.choices__item,
.choices__input,
.form-control,
.custom-select {
  font-weight: 500 !important;
}

.table td,
.card-body,
.text-muted,
.help-block,
.form-text,
small,
p,
li,
label,
span,
a {
  letter-spacing: -0.01em;
}

/* Select search custom agar pilihan dan kolom pencarian ikut Inter. */
.siap-search-select,
.siap-search-select *,
.siap-select,
.siap-select *,
.searchable-select,
.searchable-select *,
.select-search,
.select-search * {
  font-family: var(--siap-font-family) !important;
}

/* Placeholder juga ikut Inter. */
::placeholder {
  font-family: var(--siap-font-family) !important;
  font-weight: 400;
}