/*
 * Global typography — single source of truth for the app font.
 * Standardizes the whole portal on DM Sans. Load this AFTER Bootstrap
 * so the --bs-font-sans-serif override wins.
 */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;900&display=swap");

:root {
  --bs-font-sans-serif: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
}

/*
 * body carries the font; most elements inherit it. We only need to name the
 * elements that browsers/frameworks reset to their own font (headings, form
 * controls) plus tables (some legacy rules hardcode Arial there).
 *
 * Deliberately NOT targeting span / i / a — icon fonts (Font Awesome,
 * Bootstrap Icons) set their own font-family on those and must be left alone.
 * !important is required to beat legacy `!important` body rules in style.css.
 */
body,
h1, h2, h3, h4, h5, h6,
.btn, button, input, select, textarea, optgroup,
table, th, td {
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}