/* ============================================================================
   hq-fonts.css — self-hosted typefaces. Loaded before app.css.

   Served from this app rather than fetched from Google: the mobile WebView paints in
   the right face with no network round-trip, no third party is told which pages a
   person visited, and no CDN outage can take the site's typography with it.

   ---------------------------------------------------------------------------
   3.104.4 — back to Montserrat.

   3.104.1 swapped the interface face to Inter on the reasoning that Montserrat is a
   display face being asked to do body work. The reasoning was sound in the abstract
   and wrong for this product: Montserrat IS how HopeQure looks, and a typeface that
   argues with the brand it belongs to is worse than one that is technically better
   suited. Reverted.

   FORMAT: what did survive the exercise is woff2. Same Montserrat outlines the site
   always had, one twentieth of the bytes — the TTF set was 5.6 MB and this is under
   300 KB. On a phone on mobile data that is the whole first impression, and it costs
   nothing visually because the letterforms are identical.
   ========================================================================== */

/* ---- Montserrat: every piece of interface text. Five real weights, no synthesis. ---- */
@font-face{font-family:'Montserrat';src:url('/fonts/montserrat-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('/fonts/montserrat-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('/fonts/montserrat-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('/fonts/montserrat-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('/fonts/montserrat-latin-800-normal.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

/* ---- Merriweather: display. Every heading, H1 to H6.
   font-display:swap throughout - text appears immediately in the fallback and
   re-renders when the face arrives. The alternative, invisible text while a font
   loads, is a blank screen someone might be reading on a train. ---- */
@font-face{font-family:'Merriweather';src:url('/fonts/merriweather-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Merriweather';src:url('/fonts/merriweather-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Merriweather';src:url('/fonts/merriweather-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}