/* ============================================================
   Botbrim type system — self-hosted, latin subset.
   Replaces the render-blocking @import of Archivo + Nunito that
   previously sat on line 1 of main.css.

   Bricolage Grotesque — display  (headlines, section titles, prices)
   IBM Plex Sans       — body     (all prose, buttons, chat messages)
   IBM Plex Mono       — utility  (machine values: labels, states,
                                   timestamps, quality ratings)
   ============================================================ */

@font-face {
    font-family: "Bricolage Grotesque";
    src: url("../fonts/BricolageGrotesque-Variable.woff2") format("woff2-variations"),
         url("../fonts/BricolageGrotesque-Variable.woff2") format("woff2");
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-Variable.woff2") format("woff2-variations"),
         url("../fonts/IBMPlexSans-Variable.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

/* Plex Mono has no variable cut on Google Fonts, so only the two weights
   the design actually uses are shipped. 600-weight mono in the mockup maps
   to 700 here — indistinguishable at the 10-12px it is set at. */
@font-face {
    font-family: "IBM Plex Mono";
    src: url("../fonts/IBMPlexMono-500.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("../fonts/IBMPlexMono-700.woff2") format("woff2");
    font-weight: 600 700;
    font-style: normal;
    font-display: swap;
}