/* ============================================================================
   ATLAS WILD EXPERIENCES — webfonts
   ----------------------------------------------------------------------------
   The two faces named on the cheat sheet, both SIL Open Font Licence 1.1,
   vendored under ../fonts/ with their licences. No CDN, no cost.

   Derived by ingest_kit.py from the client's supplied zips — subset to latin,
   then instanced down to the axes this site actually uses:

     Playfair Display   294 KB  ->  49 KB   variable wght 400–700
     Afacad Flux        421 KB  ->  31 KB   variable wght 300–700, slant pinned

   80 KB for two variable faces. Do not add a third: the cheat sheet also
   names a "logo font", but supplies no file for it — it exists only as
   outlines inside the lockup artwork. The wordmark is therefore always the
   SVG lockup, never live text, and Playfair carries every heading.

   Paths are relative to this file (system/), so link it as
   <link rel="stylesheet" href="/system/fonts.css"> and keep the tree intact.
   ========================================================================== */

/* Display — headings and pull-quotes. High-contrast serif; give it air and
   never set it below 25px, where the hairlines start to disappear. */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/playfair-display/PlayfairDisplay-latin-var.woff2")
       format("woff2-variations");
}

/* Body AND data. Afacad Flux ships `tnum` and `zero`, so the same face sets
   running text and the figures in the logbook and the seat ticker — which is
   why this brand needs no monospace. Columns of numbers get
   `font-feature-settings: var(--awe-figures)`. */
@font-face {
  font-family: "Afacad Flux";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/afacad-flux/AfacadFlux-latin-var.woff2")
       format("woff2-variations");
}

/* Preload both in <head> — they are the only two, and both are above the fold:
   <link rel="preload" as="font" type="font/woff2" crossorigin
         href="/assets/fonts/afacad-flux/AfacadFlux-latin-var.woff2">
   <link rel="preload" as="font" type="font/woff2" crossorigin
         href="/assets/fonts/playfair-display/PlayfairDisplay-latin-var.woff2">
                                                                            */
