/*
   The typeface, actually shipped.

   Inter is named in twenty-one places across this application and was, until
   now, loaded in none of them: no @font-face, no font files, no link to a font
   service. Every visitor whose device did not happen to have Inter installed —
   which is very nearly all of them — saw the product rendered in Segoe UI, or
   Roboto, or Arial, depending on what they were holding.

   That is a problem for a page and a much bigger one for a logo, because the
   logo IS type. A wordmark whose letterforms change shape depending on who is
   looking at it is not a wordmark.

   Self-hosted rather than fetched from a font service, for three reasons that
   all matter for schools on Nigerian mobile data: it is one fewer DNS lookup
   and TLS handshake on a slow connection, it keeps working when a network
   blocks or throttles third-party hosts, and it sends nothing about a school's
   parents to anybody else's server.

   Only the weights the interface actually uses — 400, 600, 700, 800, and the
   900 italic the wordmark's W is set in. Latin subset only. 148KB in total,
   which is less than one of the photographs on the landing page.

   font-display:swap so text is readable immediately in the fallback and
   re-renders when Inter arrives; a blank page waiting on a font is worse than
   a paragraph that reflows once.

   Inter is by Rasmus Andersson, under the SIL Open Font License 1.1. The
   licence travels with the files — see public/fonts/OFL.txt.
*/
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/inter-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/inter-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/inter-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/inter-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/inter-900.woff2') format('woff2');
}
/* The wordmark's W, and nothing else on the site, is set in this one. */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/inter-900-italic.woff2') format('woff2');
}