html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/*
 * Focus ring — on-brand teal replaces the default Bootstrap blue (#258cfb).
 *
 * White inner ring (0.1rem) + brand-primary outer ring (0.25rem) gives a two-
 * color halo that stands out on both light (landing) and dark (portal sidebar)
 * backgrounds, satisfying WCAG 2.4.11 Focus Appearance.
 *
 * #1b6b5c is --brand-primary from brand-tokens.css.  site.css loads before
 * brand-tokens.css in both layouts, so the hex literal is used directly here
 * rather than var(--brand-primary).
 */
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #1b6b5c;
}

html {
  position: relative;
  min-height: 100%;
}