/* Self-hosted latin subsets. Replaces the Google Fonts dependency so the demos
   render identically on networks that block third-party CDNs, and so no visitor
   data is sent to Google. font-display:swap keeps text visible while loading. */

/* Fraunces — variable weight */
@font-face{
  font-family:'Fraunces';
  font-style:normal;
  font-display:swap;
  font-weight:100 900;
  src:url('fonts/fraunces-wght.woff2') format('woff2-variations');
}
@font-face{
  font-family:'Fraunces';
  font-style:italic;
  font-display:swap;
  font-weight:100 900;
  src:url('fonts/fraunces-wght-italic.woff2') format('woff2-variations');
}

/* Source Serif 4, variable weight (Anchor Bank) */
@font-face{
  font-family:'Source Serif 4';
  font-style:normal;
  font-display:swap;
  font-weight:200 900;
  src:url('fonts/source-serif-4-wght.woff2') format('woff2-variations');
}

/* Inter — variable weight */
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-display:swap;
  font-weight:100 900;
  src:url('fonts/inter-wght.woff2') format('woff2-variations');
}

/* Space Grotesk — variable weight */
@font-face{
  font-family:'Space Grotesk';
  font-style:normal;
  font-display:swap;
  font-weight:300 700;
  src:url('fonts/space-grotesk-wght.woff2') format('woff2-variations');
}

/* IBM Plex Sans */
@font-face{
  font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:400;
  src:url('fonts/plex-sans-400.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:500;
  src:url('fonts/plex-sans-500.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:600;
  src:url('fonts/plex-sans-600.woff2') format('woff2');
}

/* IBM Plex Mono */
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:400;
  src:url('fonts/plex-mono-400.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:500;
  src:url('fonts/plex-mono-500.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:600;
  src:url('fonts/plex-mono-600.woff2') format('woff2');
}