/* fraunces.css — Peekasso's two faces, self-hosted. PLAIN CSS ON PURPOSE (tv/ links this too).

   WHY SELF-HOSTED AND NOT A GOOGLE FONTS LINK. Fraunces on Google Fonts is a variable font whose defaults
   are SOFT 0 (sharp terminals) and WONK 1 (leaning n/m/h). The design wants the opposite on both axes —
   SuperSoft, no wonk — and CSS can ask for that with font-variation-settings, but the HTML canvas cannot
   (whatwg/html#3571, open since 2018): ctx.font takes weight, style and size only. Half of Peekasso's
   type is drawn on canvas by chars.js, so a variable font would have put a sharp, wonky Fraunces on the
   canvas next to a soft one in the DOM. Two static instances carry the choice in their outlines, and they
   are the SAME two files the iOS app bundles (ios/PeekassoApp/Resources/), so the platforms match.

   TWO FAMILY NAMES, ONE PER ROLE, because tokens.css already has the roles: --font-display is language
   (titles, prose, names) and --font-ui is signage (buttons, labels, figures). Optical size rides on the
   role rather than on a weight number: the 144pt master for display, the 9pt master for ui.

   Licence: SIL Open Font License 1.1 — OFL-Fraunces.txt beside this file. Source: Undercase Type,
   github.com/undercasetype/Fraunces, release 1.000. */
@font-face {
  font-family: "Fraunces Display";
  /* master: Fraunces144ptSuperSoft-Bold.ttf */
  src: url("/fonts/FrauncesDisplay-Bold.woff2") format("woff2");
  font-weight: 100 900;   /* one master answers every weight; nothing gets synthesised */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces UI";
  /* master: Fraunces9ptSuperSoft-SemiBold.ttf */
  src: url("/fonts/FrauncesUI-SemiBold.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}