/* ==========================================================================
   LMW Typography
   Single source of truth for font-family and global type scale.
   Loads AFTER style.css — overrides via cascade order.
   ========================================================================== */

:root {
  /* Font family — change once, applies everywhere */
  --lmw-font-family: "Montserrat", Arial, "Noto Sans", sans-serif;

  /* Global type scale — compensates for Montserrat's larger x-height.
     Uses percentage to respect user browser font preferences (accessible).
     100% = original sizes, 87.5% ≈ 88% reduction */
  --lmw-font-scale: 87.5%;

  /* Override Bootstrap variable */
  --bs-body-font-family: var(--lmw-font-family);
}

/* Global scale — all rem-based sizes scale proportionally */
html {
  font-size: var(--lmw-font-scale);
}

body {
  font-family: var(--lmw-font-family);
}

/* Form elements don't inherit font-family by default in all browsers */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}