/* ============================================================================
   RESB brand typography.

   Loaded after abridge.css (see `stylesheets` in config.toml), so these win.
   Kept separate from resb.css (colour) and resb-layout.css (measure).

   ONE typeface, both roles: Atkinson Hyperlegible Next.

   Why: the RESB logo lockups are vector outlines of this face (per the design
   system export — "all vector outlines in Atkinson Hyperlegible Next, no
   embedded fonts"). Setting the site in it puts page type and logo type in the
   same family. It was drawn by the Braille Institute to keep confusable
   characters apart — I/l/1, O/0, rn/m — which matters here more than usual:
   the Standard's vocabulary is isolated single letters (S/H/I/E, F/R/P/T/B),
   where a misread letter is a misread rating with no word around it to recover
   the meaning from.

   Self-hosted variable font, latin subset, wght 200-800. SIL Open Font
   Licence. No third-party requests, nothing to whitelist in a CSP.

   Replaced Archivo + Space Grotesk, which were inferred from attic/ before the
   design system export identified the real brand face.
   ============================================================================ */

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/fonts/atkinson-hyperlegible-next-var.woff2") format("woff2");
  font-weight: 200 800;             /* real axis — no synthesis at any weight */
  font-style: normal;
  font-display: swap;
}

/* Abridge routes every non-mono font through --ff, so one redefinition catches
   body copy, nav, footer and controls site-wide. --fm (mono) is left as the
   theme has it. */
:root {
  --ff: "Atkinson Hyperlegible Next", ui-sans-serif, system-ui, -apple-system,
        "Segoe UI", sans-serif;
}

/* Headings at ExtraBold — the top of this family's axis. The theme asks for
   700 via its own --fh; 800 is set explicitly for more display presence.
   Every value 200-800 is genuine, so vary per level if you want a scale. */
h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  letter-spacing: -0.015em;         /* this face sets wide; tighten headings */
}

/* Menu links a step up from body, so the nav holds its own against 800
   headings without going bold. */
header li > a {
  font-weight: 500;
}