/* ─────────────────────────────────────────────────────────────
   Clyffe — brand webfonts, self-hosted.
   Reconciled with the design system's tokens/fonts.css
   (clyffe-io/design-system); the font files are the same brand-pack
   binaries, copied into this RCL so every Clyffe web host serves them
   from its own origin. No Google Fonts, no CDN — the sign-in door and
   the app both have to render correctly on a filtered network.

   All three families are SIL OFL 1.1; JetBrainsMono-OFL.txt in fonts/
   carries the licence text that ships with the brand pack.

   Crimson Pro and Hanken Grotesk ship as a single variable .woff2 each;
   JetBrains Mono as a variable .ttf (weight axis). The broad font-weight
   ranges let one file serve the whole scale. If display headings ever
   look faux-bold, drop in per-weight files and split these rules.

   Link this FIRST, before clyffe-tokens.css.
   ───────────────────────────────────────────────────────────── */

/* ── Crimson Pro — display serif ── */
@font-face {
    font-family: 'Crimson Pro';
    src: url('fonts/CrimsonPro.woff2') format('woff2');
    font-weight: 200 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Crimson Pro';
    src: url('fonts/CrimsonPro-Italic.woff2') format('woff2');
    font-weight: 200 600;
    font-style: italic;
    font-display: swap;
}

/* ── Hanken Grotesk — body / UI sans ── */
@font-face {
    font-family: 'Hanken Grotesk';
    src: url('fonts/HankenGrotesk.woff2') format('woff2');
    font-weight: 200 700;
    font-style: normal;
    font-display: swap;
}

/* ── JetBrains Mono — technical values and identifiers.
   Upright only: the brand pack's italic is a 192KB face nothing on any
   Clyffe surface renders. Add it here if that ever changes. ── */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono.ttf') format('truetype-variations');
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
}