/* De letter van RecruFone, één keer.
 *
 * DM Sans, dezelfde als in het klikbare concept en in de iOS-app, zelfgehost
 * naast dit bestand: één variabel bestand voor alle gewichten (100 tot 1000),
 * latin, 36 KB. De licentie staat ernaast in fonts/dm-sans-OFL.txt (SIL OFL 1.1,
 * Copyright 2014 The DM Sans Project Authors).
 *
 * WAAROM DIT EEN EIGEN BESTANDJE IS. Deze @font-face stond tot 9 september 2026
 * in portaal.css én in login.css, met in allebei de aantekening dat dat mocht
 * omdat de twee stylesheets elkaar nooit tegenkomen. Bij twee bestanden is dat
 * waar; bij drie (de aanmeldroute kwam erbij, onboarding.css) is het de plek
 * waar een verschil ontstaat dat niemand zoekt: een `font-display` die op één
 * scherm anders staat, of een tweede bestand dat maar in twee van de drie wordt
 * bijgeschreven. Nu staat de regel hier en hangen alle drie de schermen er een
 * eigen `<link>` aan (fontsCssHref in app/(app)/_stijl/stylesheet.ts).
 *
 * Een `<link>` en geen `@import` in de drie stylesheets: een import wordt pas
 * gevonden nadat de bovenliggende stylesheet is opgehaald en ontleed, en dat is
 * precies één rondje wachten extra voordat de browser de letter zelf mag halen.
 * Als tweede link staat hij naast de andere in de kop en gaan ze samen op weg.
 *
 * `swap`, want geen van deze schermen mag op een letter wachten: het portaal is
 * werk en geen tijdschrift, en het inlogscherm is de pagina waar iemand op zijn
 * e-mailadres staat te wachten. Het pad is absoluut en niet relatief, zodat het
 * klopt vanaf welke route dit bestand ook geladen wordt.
 *
 * Er staat met opzet geen enkele selector in dit bestand. Het kan dus niets
 * verschuiven bij Bellen, en het staat daarom ook niet in de lijst van
 * app/(app)/_stijl/recrufone-scope.test.ts: die test eist juist dat er
 * selectors zijn om te controleren.
 */

@font-face {
  font-family: "RecruFone DM Sans";
  src: url("/recrufone/fonts/dm-sans.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}