/*
 * Cabinet Grotesk — served by us, not by a CDN.
 *
 * This used to be a <link> to api.fontshare.com on every Flares page. Two
 * reasons that had to stop, in order of importance:
 *
 *   1. Every page load told a third party that a particular IP address was
 *      using Flares, and the Referer named the page. Our users are
 *      schoolchildren and their teachers. That is not ours to give away.
 *   2. A brand typeface behind someone else's uptime means a CDN outage or a
 *      school firewall silently changes what the product looks like.
 *
 * The files are the exact four faces the CDN served (400/500/700/800). It
 * never had a 600 despite the old URL asking for one, so 600 was already
 * being resolved by the browser to a neighbouring weight — self-hosting the
 * same four reproduces today's rendering exactly rather than quietly
 * restyling 55 rules that ask for 600.
 *
 * `font-display: swap` matches the CDN's behaviour: text is readable in the
 * fallback immediately and reflows once, rather than being invisible while a
 * 20 KB file loads.
 */

@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../fonts/cabinet-grotesk-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../fonts/cabinet-grotesk-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../fonts/cabinet-grotesk-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../fonts/cabinet-grotesk-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}