/* Self-hosted brand faces. The `font-family` declared here is what CSS uses,
   so it does not depend on the file's internal family name. */

/* Satoshi — variable, wght 300..900 in a single file. One @font-face with a
   `font-weight` RANGE is what makes the variable axis usable: declaring it as
   a single weight would make the browser synthesise the others. */
@font-face {
  font-family: "Satoshi";
  src: url("../assets/fonts/Satoshi-Variable.woff2") format("woff2-variations"),
       url("../assets/fonts/Satoshi-Variable.woff") format("woff-variations");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

/* Redonk Avant Garde — Bold only; this is the one weight we have.
   To regenerate the woff2 from the OTF:
     python3 -m pip install "fonttools[woff]"
     python3 -c "from fontTools.ttLib import TTFont; \
       f=TTFont('RedonkAvantGarde-Bold.otf'); f.flavor='woff2'; \
       f.save('RedonkAvantGarde-Bold.woff2')" */
@font-face {
  font-family: "Redonk Avant Garde";
  src: url("../assets/fonts/RedonkAvantGarde-Bold.woff2") format("woff2"),
       url("../assets/fonts/RedonkAvantGarde-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}