/*
  WBi Suite typography baseline.
  Loaded after page styles so the admin applications share one compact, light type scale.
*/
:root {
  --wbi-suite-font-family: "Inter", "Rubik", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --wbi-font-xs: 0.58rem;
  --wbi-font-sm: 0.64rem;
  --wbi-font-md: 0.72rem;
  --wbi-font-lg: 0.9rem;
  --wbi-font-xl: 1.18rem;
  --wbi-font-2xl: 1.42rem;
  --wbi-font-weight: 300;
  --wbi-font-weight-strong: 400;
  --wbi-font-weight-bold: 500;
  --wbi-line-height: 1.45;
}

body,
button,
input,
select,
textarea,
table,
.modal-content,
.dropdown-menu {
  font-family: var(--wbi-suite-font-family) !important;
  font-size: var(--wbi-font-md);
  font-weight: var(--wbi-font-weight);
  line-height: var(--wbi-line-height);
}

body {
  color: var(--wbi-ink, #071936);
  letter-spacing: 0;
}

h1,
.h1,
.page-title,
.tm-page-title,
.suite-title {
  font-size: var(--wbi-font-2xl) !important;
  font-weight: var(--wbi-font-weight-strong) !important;
  letter-spacing: 0 !important;
  line-height: 1.18;
}

h2,
.h2,
.section-title,
.card-title {
  font-size: var(--wbi-font-xl) !important;
  font-weight: var(--wbi-font-weight-strong) !important;
  letter-spacing: 0 !important;
}

h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: var(--wbi-font-weight-strong) !important;
  letter-spacing: 0 !important;
}

h3,
.h3 {
  font-size: 1rem !important;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-size: var(--wbi-font-lg) !important;
}

p,
label,
small,
.form-label,
.form-text,
.text-muted,
.nav-link,
.sidebar-link,
.tm-nav-link,
.menu-link,
.dropdown-item,
.table,
.table th,
.table td,
.card,
.modal-body,
.modal-footer,
.modal-header,
.metric-label,
.stat-label,
.help-text {
  font-size: var(--wbi-font-md) !important;
  font-weight: var(--wbi-font-weight) !important;
  letter-spacing: 0 !important;
}

strong,
b,
th,
.table th,
.badge,
.status-pill,
.chip,
.metric-value,
.stat-value,
.btn,
.draw-btn,
.tm-btn,
.suite-btn,
.modal-title {
  font-weight: var(--wbi-font-weight-strong) !important;
}

.btn,
.draw-btn,
.tm-btn,
.suite-btn,
button,
input,
select,
textarea,
.form-control,
.form-select {
  font-size: var(--wbi-font-sm) !important;
}

.badge,
.status-pill,
.chip,
.pill,
.tag,
.table small,
.card small,
.nav small {
  font-size: var(--wbi-font-xs) !important;
}

.metric-value,
.stat-value,
.dashboard-stat-value,
.summary-value {
  font-size: var(--wbi-font-xl) !important;
  line-height: 1.2;
}

.modal-title {
  font-size: var(--wbi-font-lg) !important;
}

.bi,
[class^="bi-"],
[class*=" bi-"] {
  font-family: "bootstrap-icons" !important;
}