/* ==========================================================================
   ag0osW3b — self-hosted webfaces

   Files are fetched by `bin/fetch-fonts` and committed. All are open licensed
   (OFL or Apache 2.0), and self-hosting means no third-party request at
   runtime and no flash of a CDN timing out.

   These declarations are inert until the files exist: `font-display: swap`
   plus the system-stack fallbacks in every --font-* token mean the site is
   fully functional and correctly themed before `bin/fetch-fonts` is ever run.
   Running it is an upgrade, not a prerequisite.

   Only the faces the active preset actually renders get downloaded, so a
   visitor pays for two families, not eight.
   ========================================================================== */

@layer tokens {
  /* Workshop: a printed page with a hand on it. The document is set in a
     grotesque with visibly irregular joints over an old-style book serif; the
     marks a reader left on it are drawn with a marker. Three roles, three
     different tools, which is the whole preset. */
  @font-face {
    font-family: "Alegreya";
    src: url("/assets/alegreya-var-5bd90e88.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Bricolage Grotesque";
    src: url("/assets/bricolage-grotesque-var-16ac37c9.woff2") format("woff2");
    font-weight: 200 800;
    font-stretch: 75% 100%;
    font-style: normal;
    font-display: swap;
  }

  /* The hand. Shantell Sans is drawn with a marker rather than imitating one,
     and it carries an INFM (informality) axis, so the marginalia can be set
     loose without the face itself being a novelty script. */
  @font-face {
    font-family: "Shantell Sans";
    src: url("/assets/shantell-sans-var-d7fd2fc8.woff2") format("woff2");
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
  }

  /* Console: industrial grotesque plus a geometric mono for values. */
  @font-face {
    font-family: "Archivo";
    src: url("/assets/archivo-var-7a918f31.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Azeret Mono";
    src: url("/assets/azeret-mono-var-a20821f0.woff2") format("woff2");
    font-weight: 400 500;
    font-style: normal;
    font-display: swap;
  }

  /* Spec: contemporary grotesque at high weight contrast. */
  @font-face {
    font-family: "Schibsted Grotesk";
    src: url("/assets/schibsted-grotesk-var-1061523f.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Geist Mono";
    src: url("/assets/geist-mono-var-2dfee388.woff2") format("woff2");
    font-weight: 400 500;
    font-style: normal;
    font-display: swap;
  }

  /* Terminal: a wide boxy mono for display, a readable one for text. */
  @font-face {
    font-family: "Martian Mono";
    src: url("/assets/martian-mono-var-7452eb5f.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Sometype Mono";
    src: url("/assets/sometype-mono-var-0ab8a2a8.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
  }
}