/* Self-hosted typefaces.
 *
 * These used to come from fonts.googleapis.com, which meant every visitor's
 * browser made a request to Google — and disclosed their IP address to Google —
 * before a single word of the page rendered. That sat badly beside a privacy
 * policy promising no trackers and no third-party requests (BACKLOG W1), and it
 * was slower besides: two DNS lookups, two TLS handshakes, and a stylesheet
 * round-trip before the fonts even started downloading.
 *
 * Both families are OFL 1.1, which expressly permits redistribution — the
 * licences travel with them in this folder, which is what clause 2 asks for.
 * The same .ttf files ship inside the app; these are the woff2 conversions,
 * roughly 40% of the size and understood by every browser since 2016.
 *
 * Only the weights the site actually uses are here. Adding one means adding a
 * file — which is the point, since it makes the cost visible.
 *
 * `font-display: swap` throughout: the text appears immediately in the fallback
 * and is restyled when the font lands. On a slow connection in a church car
 * park, readable-then-pretty beats blank-then-pretty.
 */

/* Fraunces — display face, used for headings and the italic emphasis. */
@font-face {
  font-family: "Fraunces";
  src: url("fonts/Fraunces-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("fonts/Fraunces-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("fonts/Fraunces-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("fonts/Fraunces-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("fonts/Fraunces-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Instrument Sans — body face. */
@font-face {
  font-family: "Instrument Sans";
  src: url("fonts/InstrumentSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("fonts/InstrumentSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("fonts/InstrumentSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("fonts/InstrumentSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}