/* ==========================================================================
   fonts.css: the two brand fonts, served from petnalabs.com itself
   --------------------------------------------------------------------------
   WHAT: Loads Josefin Sans (headings) and Mulish (body text) from /fonts/.
   WHY:  Self-hosting means visitors' browsers never contact Google Fonts,
         so no visitor data (e.g. IP address) goes to Google just to show
         text. (Previously the fonts came from fonts.googleapis.com.)
   FILES: /fonts/*.woff are "variable" fonts (every weight in one file),
         reduced to Latin characters (English + Western European) to keep
         them small (~35 KB each). Licence: SIL Open Font License, see
         /fonts/OFL-*.txt. Source: github.com/google/fonts.
   NOTE: font-display: swap shows text immediately in a system font and
         swaps in the brand font once it has loaded.
   ========================================================================== */
@font-face {
  font-family: "Josefin Sans";
  src: url("/fonts/josefin-sans-latin-variable.woff") format("woff");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("/fonts/mulish-latin-variable.woff") format("woff");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}