/* ==========================================================================
   Fonts — self-hosted, no CDN, nothing to consent to.
   --------------------------------------------------------------------------
   Two families:
     Funnel Display   every heading (weights 400 and 500)
     Space Mono       every label, caption and small caps line (400 and 700)

   Funnel Display ships as a single variable file per subset, so weights 400
   and 500 point at the same .woff2 and the browser interpolates. Space Mono
   is not variable: 400 and 700 are two separate files.

   Each family ships in two subsets. `unicode-range` tells the browser to
   fetch the latin-ext file only when the page actually uses one of those
   characters, so an English page downloads the "latin" files alone.

   To swap a font: drop the .woff2 in this folder, edit the @font-face below,
   then change --font-display / --font-mono in assets/css/style.css.

   Both families are licensed under the SIL Open Font License 1.1 and can be
   redistributed with the template. See README.md.
   ========================================================================== */

/* --- Funnel Display — headings ------------------------------------------ */

@font-face {
  font-family: "Funnel Display";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("FunnelDisplay-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Funnel Display";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("FunnelDisplay-var-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* --- Space Mono 400 — labels and body copy ------------------------------ */

@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("SpaceMono-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("SpaceMono-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* --- Space Mono 700 — the call-to-action label -------------------------- */

@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("SpaceMono-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("SpaceMono-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* --- Metric-matched fallbacks -------------------------------------------
   Until the .woff2 arrives, the browser draws Arial. These two rules stretch
   Arial so it takes the same room as the real font, which keeps the page from
   jumping when the swap happens.
   ------------------------------------------------------------------------ */

@font-face {
  font-family: "Funnel Display Fallback";
  src: local("Arial");
  ascent-override: 93.85%;
  descent-override: 23.46%;
  line-gap-override: 0%;
  size-adjust: 106.55%;
}

@font-face {
  font-family: "Space Mono Fallback";
  src: local("Arial");
  ascent-override: 81.58%;
  descent-override: 26.3%;
  line-gap-override: 0%;
  size-adjust: 137.28%;
}