/* ===========================================================================
   Refined Rides - self-hosted webfonts (GDPR/AVG-safe, no third-party request)
   ---------------------------------------------------------------------------
   Montserrat     - display / headings (--rr-font-display)
   Hanken Grotesk - body / UI            (--rr-font-body)
   IBM Plex Mono  - prices / specs / eyebrows (--rr-font-mono)

   woff2 are the `latin` subset (covers all Dutch diacritics) from Fontsource
   (the families are OFL-licensed, so self-hosting is permitted). The family
   names below match the --rr-font-* vars in assets/css/tokens.css exactly.
   font-display:swap keeps text visible during load.
   =========================================================================== */

/* --- Montserrat (display / headings) ------------------------------------- */
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("montserrat-500.woff2") format("woff2");
}
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("montserrat-600.woff2") format("woff2");
}
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("montserrat-700.woff2") format("woff2");
}
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("montserrat-800.woff2") format("woff2");
}
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("montserrat-900.woff2") format("woff2");
}

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

/* --- IBM Plex Mono (prices / specs / eyebrows) -------------------------- */
@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("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("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("ibm-plex-mono-600.woff2") format("woff2");
}