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

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

@font-face {
    font-family: "Barlow Condensed";
    src: url("../fonts/BarlowCondensed-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "iconfont";
    src: url("/static/plugins/iconfont/1.0.0/iconfont.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Barlow Condensed";
    src: url("../fonts/BarlowCondensed-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-ink: oklch(24% .025 160);
    --color-workshop: oklch(42% .085 160);
    --color-thread: oklch(60% .17 30);
    --color-workshop-ink: oklch(37% .075 160);
    --color-thread-strong: oklch(55% .17 30);
    --color-steel: oklch(91% .015 160);
    --color-white: oklch(99% 0 0);
    --color-workshop-deep: oklch(31% .06 160);
    --color-workshop-night: oklch(20% .035 160);
    --color-surface-muted: oklch(95% .008 160);
    --color-on-dark: oklch(98% .005 160);
    --color-on-dark-muted: oklch(84% .018 160);
    --font-body: "MiSans", "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-data: "Barlow Condensed", "Arial Narrow", sans-serif;
    --space-1: 0.5rem;
    --space-2: 0.75rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-section: clamp(4rem, 7vw, 7rem);
    --container: 80rem;
    --container-wide: 92rem;
    --container-reading: 46rem;
    --text-display-home: clamp(2.75rem, 5vw, 4rem);
    --text-display-inner: clamp(2.25rem, 4vw, 3.25rem);
    --text-section: clamp(1.75rem, 3vw, 2.75rem);
    --radius-control: 0.25rem;
    --z-sticky: 20;
    --z-backdrop: 40;
    --z-modal: 50;
    color-scheme: light;
    font-family: var(--font-body);
    font-size: 16px;
    letter-spacing: 0;
}