/*
  Self-hosted webfonts — Atkinson Hyperlegible (Braille Institute).

  The files live beside this sheet, under wwwroot/fonts/, and are served by the
  console itself. Nothing here reaches a CDN and there is no external @import:
  a console that renders its own type off somebody else's origin is one that
  renders in the wrong face on an air-gapped or egress-filtered deployment, and
  leaks a request per page load while it does.

  Atkinson Hyperlegible is designed for low vision: every glyph is shaped so no
  letter can be mistaken for another. That is why it is the product face rather
  than a stylistic choice, and why the fallbacks behind it stay generic — a
  deployment that somehow fails to serve these files should land on a plain
  system sans, not on a serif that undoes the legibility the face was picked for.

  url() resolves against THIS stylesheet's own URL, not the document's <base>,
  so `../fonts/…` from /css/fonts.css is /fonts/… on the wire. The woff2 is
  first and the woff is the fallback for the shrinking set of clients without
  woff2; both are the unmodified files Braille Institute ships, which is what
  their licence permits (see fonts/LICENSE.txt — no derivatives or alteration).

  Weights: the original release ships Regular and Bold only, in upright and
  italic. The token file asks for 500 (ui) and 600 (label), which the browser
  resolves against what exists here — 500 down to Regular, 600 up to Bold.
*/

/* Atkinson Hyperlegible — upright */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url('../fonts/atkinson-hyperlegible-regular.woff2') format('woff2'),
    url('../fonts/atkinson-hyperlegible-regular.woff') format('woff');
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    url('../fonts/atkinson-hyperlegible-bold.woff2') format('woff2'),
    url('../fonts/atkinson-hyperlegible-bold.woff') format('woff');
}

/* Atkinson Hyperlegible — italic */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src:
    url('../fonts/atkinson-hyperlegible-italic.woff2') format('woff2'),
    url('../fonts/atkinson-hyperlegible-italic.woff') format('woff');
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src:
    url('../fonts/atkinson-hyperlegible-bolditalic.woff2') format('woff2'),
    url('../fonts/atkinson-hyperlegible-bolditalic.woff') format('woff');
}

/* Atkinson Hyperlegible Mono — the companion for ids, hashes and values.
   Bold is embedded because nine rules across the console set the data face at
   600, which the browser resolves up to this face rather than synthesising it. */
@font-face {
  font-family: 'Atkinson Hyperlegible Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/atkinson-hyperlegible-mono-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Atkinson Hyperlegible Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/atkinson-hyperlegible-mono-bold.woff2') format('woff2');
}