@font-face {
    font-family: "Source Serif 4";
    src: url("../fonts/SourceSerif4-Variable-Roman.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
}

@font-face {
    font-family: "Source Serif 4";
    src: url("../fonts/SourceSerif4-Variable-Italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
}

@font-face {
    font-family: "Source Han Serif SC";
    src: url("../fonts/SourceHanSerifSC-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Source Han Serif SC";
    src: url("../fonts/SourceHanSerifSC-SemiBold.otf") format("opentype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

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

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

@font-face {
    font-family: "IBM Plex Sans Condensed";
    src: url("../fonts/IBMPlexSansCondensed-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Sans Condensed";
    src: url("../fonts/IBMPlexSansCondensed-SemiBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

:root {
    --canvas-ivory: #f1ebe0;
    --paper-ivory: #f7f1e7;
    --charcoal: #292b2b;
    --soft-graphite: #505352;
    --muted-blue: #607887;
    --oxide-orange: #c76832;
    --serif: "Source Serif 4", "Source Han Serif SC", Georgia, "Songti SC", "SimSun", serif;
    --serif-cjk: "Source Han Serif SC", "Source Serif 4", "Songti SC", "SimSun", serif;
    --mono: "IBM Plex Mono", Consolas, "Liberation Mono", monospace;
    --sans-condensed: "IBM Plex Sans Condensed", "Arial Narrow", Arial, sans-serif;
    --focus-ring: 2px solid var(--oxide-orange);
}