/*
 * IP Seek typography foundation.
 * IBM Plex Sans: primary UI / website / docs typeface.
 * IBM Plex Mono: code / API examples / tokens.
 *
 * Fonts are self-hosted. Do not replace these URLs with external font CDNs.
 */

@font-face {
    font-family: "IBM Plex Sans";
    src: url("../font/ibm-plex-sans/0.2.0/IBMPlexSansVar-Roman.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("../font/ibm-plex-sans/0.2.0/IBMPlexSansVar-Italic.woff2") format("woff2-variations");
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("../font/ibm-plex-mono/1.0.0/IBMPlexMonoVar-Roman.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("../font/ibm-plex-mono/1.0.0/IBMPlexMonoVar-Italic.woff2") format("woff2-variations");
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
}

:root {
    --ipseek-font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ipseek-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--ipseek-font-sans);
}

code,
kbd,
pre,
samp,
.ipseek-font-mono {
    font-family: var(--ipseek-font-mono);
}

.ipseek-font-sans {
    font-family: var(--ipseek-font-sans);
}