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

:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-size-base: 14px;
  --line-height-base: 1.45;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}

html {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}

body {
  line-height: var(--line-height-base);
}

:where(
  html,
  body,
  body :not(i),
  button,
  input,
  textarea,
  select,
  table,
  th,
  td,
  a,
  nav,
  aside,
  .btn,
  .form-control,
  .form-select,
  .dropdown-menu,
  .modal,
  .card,
  .badge,
  .toast,
  .alert
) {
  font-family: var(--font-sans) !important;
}

:where(body, button, input, textarea, select, table, th, td) {
  font-size: inherit;
  line-height: inherit;
}

:where(b, strong) {
  font-weight: var(--font-weight-bold);
}

.font-normal {
  font-weight: var(--font-weight-regular) !important;
}

.font-medium {
  font-weight: var(--font-weight-medium) !important;
}

.font-semibold {
  font-weight: var(--font-weight-semibold) !important;
}

.font-bold {
  font-weight: var(--font-weight-bold) !important;
}

@media print {
  html {
    font-size: 13px;
  }

  :where(
    html,
    body,
    body :not(i),
    button,
    input,
    textarea,
    select,
    table,
    th,
    td,
    a,
    nav,
    aside
  ) {
    font-family: var(--font-sans) !important;
  }

  body {
    line-height: 1.4;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}