/* Self-hosted brand fonts.
 *
 * The .woff2 files live next door under /fonts/ — populate them once with
 *
 *     bash web/install-fonts.sh
 *
 * Why we self-host: third-party font CDNs (fonts.googleapis.com,
 * fonts.gstatic.com, fonts.bunny.net, …) are all flagged by Privacy
 * Badger and similar tools because they fingerprint across sites. Moving
 * the woff2s same-origin removes the third-party request entirely; nobody
 * has anything to flag.
 *
 * Subset: latin only, woff2 only. That covers every glyph we actually
 * render in the dashboard / register / homepage and keeps the four-family
 * payload at ~80 KB total.
 *
 * Keep this list in sync with web/install-fonts.sh.
 */

/* --- Inter (UI sans, four weights) ------------------------------------- */
@font-face {
    font-family: "Inter";
    font-style:  normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/inter-400.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style:  normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/inter-500.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style:  normal;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/inter-600.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style:  normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/inter-700.woff2") format("woff2");
}

/* --- IBM Plex Mono (code + small caps + tabular numerals) -------------- */
@font-face {
    font-family: "IBM Plex Mono";
    font-style:  normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/ibm-plex-mono-400.woff2") format("woff2");
}
@font-face {
    font-family: "IBM Plex Mono";
    font-style:  normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/ibm-plex-mono-500.woff2") format("woff2");
}
@font-face {
    font-family: "IBM Plex Mono";
    font-style:  normal;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/ibm-plex-mono-600.woff2") format("woff2");
}

/* --- DM Serif Display (display serif for hero / pillar headings) ------- */
@font-face {
    font-family: "DM Serif Display";
    font-style:  normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/dm-serif-display-400.woff2") format("woff2");
}