/* ============================================================
   Self-hosted fonts for ChemRexn Pages.
   Drop the matching .woff2 files into assets/fonts/ and these
   rules activate. Until then, the stacks fall back to system
   fonts (see --rx-* vars in style.css), so nothing breaks.

   Easiest way to get the files (pick one):
   A) https://gwfh.mranftl.com/fonts  → search each family →
      download "woff2" → copy files into assets/fonts/
   B) Any Google Fonts "download family" zip → unzip → convert
      .ttf to .woff2 if needed.

   Expected filenames are below (rename to match, or edit src).
   ============================================================ */

/* ---------- Fraunces (display serif) ---------- */
@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/fraunces-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Fraunces';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/fraunces-400-italic.woff2') format('woff2');
}
@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/fraunces-500.woff2') format('woff2');
}

/* ---------- Hanken Grotesk (UI sans) ---------- */
@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/hanken-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/hanken-500.woff2') format('woff2');
}
@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/hanken-600.woff2') format('woff2');
}
@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/hanken-700.woff2') format('woff2');
}

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