/* =============================================================================
   Self-hosted fonts (§8.3).

   NO GOOGLE FONTS CDN. Law 25 consent (§6.10) and page speed both argue against
   a third-party font request, so the woff2 files ship in the theme.

   Two families, both variable:
     Bricolage Grotesque — Display / H1 / H2 ONLY. Its deliberate irregularity
                           reads as drawn by a person at 40px (§8.18) and as
                           slightly wrong at 17px in a spec box, which is why
                           H3 and below use Outfit.
     Outfit              — body and UI.

   TWO SUBSETS PER FAMILY, split by unicode-range: `latin` covers everything
   English needs and is the only file that downloads on a normal page;
   `latin-ext` carries the accented glyphs French place names need (Montréal,
   Québec) and is fetched ONLY if such a character actually appears. The browser
   does that selection itself from the ranges below — it is not a fallback
   chain, and both files are the same typeface.

   AXES ARE PINNED IN main.css, not here. Bricolage has three (opsz/wght/wdth)
   and unpinned defaults do not match the specimen; `font-variation-settings`
   on the heading rules is what fixes them.

   Both families are SIL Open Font License 1.1 — see fonts/OFL.txt. That licence
   permits self-hosting and redistribution; it forbids selling the fonts alone
   and requires the notice travel with them, which is why the notice is
   committed beside the binaries.
   ========================================================================== */

/* ---- Bricolage Grotesque — display only ---------------------------------- */
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../fonts/bricolage-grotesque-latin.woff2") format("woff2");
  font-weight: 400 700; /* capped at 700 — the scale stops there (§8.3) */
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
  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: "Bricolage Grotesque";
  src: url("../fonts/bricolage-grotesque-latin-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
  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;
}

/* ---- Outfit — body and UI ------------------------------------------------ */
@font-face {
  font-family: "Outfit";
  src: url("../fonts/outfit-latin.woff2") format("woff2");
  font-weight: 400 700; /* nothing below 400, ever (§8.3) */
  font-style: normal;
  font-display: swap;
  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: "Outfit";
  src: url("../fonts/outfit-latin-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  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;
}