/*
 * Pineapple typography override.
 *
 * Applied AFTER the bootstrap theme so it wins over Fluent's default font
 * stack. Atkinson Hyperlegible is chosen for the warehouse scanner UI —
 * see fonts/atkinson-hyperlegible/atkinson-hyperlegible.css for the
 * accessibility rationale.
 *
 * The DevExpress / Bootstrap stack falls back to the original family list
 * if the woff2 hasn't downloaded yet (font-display: swap), so the UI stays
 * readable during the brief load.
 */
:root {
  --pineapple-font-body:
    'Atkinson Hyperlegible',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    sans-serif;

  /* Bootstrap 5 picks this up automatically when --bs-body-font-family
     is set. Overriding it here cascades to every Bootstrap component. */
  --bs-body-font-family: var(--pineapple-font-body);
}

html,
body {
  font-family: var(--pineapple-font-body);
}