/*
 * Project-level CSS overrides on top of Bootstrap 5.3.3.
 *
 * Loaded from system/templates/base.html immediately after the vendor
 * stylesheets, so it can override Bootstrap defaults but pages can still
 * override what's here via their own {% block css %} entries.
 *
 * Convention follows FabControlV2 — the firm runs at a 14px root font
 * (vs Bootstrap's 16px default) for a denser UI. The .fs-1 ... .fs-10
 * scale below is the firm-wide replacement for Bootstrap's heading-
 * derived sizes, extended past Bootstrap's .fs-6 to give us .fs-7..10
 * for fine-print text without bumping into custom inline styles.
 */

/* Density baseline — every rem unit downstream shrinks by 14/16 = 0.875.
   Used for everything we render, but also matters for Select2 + SweetAlert2
   which read from html, not body. */
html {
  font-size: 14px;
}

/* Type scale, replaces Bootstrap's RFS-driven .fs-1..6 with explicit
   per-class values + adds .fs-7..10 for the long tail. */
.fs-1 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-2 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-3 {
  font-size: calc(1.26rem + 0.12vw) !important;
}
.fs-4 {
  font-size: 1.25rem !important;
}
.fs-5 {
  font-size: 1.15rem !important;
}
.fs-6 {
  font-size: 1.075rem !important;
}
.fs-7 {
  font-size: 0.95rem !important;
}
.fs-8 {
  font-size: 0.85rem !important;
}
.fs-9 {
  font-size: 0.75rem !important;
}
.fs-10 {
  font-size: 0.5rem !important;
}