@font-face {
    font-family: "Dashi Serif";
    src: local("Noto Serif SC"), url("../fonts/NotoSerifSC-VF.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Dashi Gold";
    src: url("../fonts/NotoSansSC-VF.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --color-ink: #0b0e10;
    --color-ink-soft: #131719;
    --color-paper: #f2f0eb;
    --color-paper-deep: #e4e0d8;
    --color-text: #17191a;
    --color-text-light: #f5f2ea;
    --color-muted: #979a98;
    --color-muted-dark: #656a68;
    --color-line: #2c3234;
    --color-line-light: #d1ccc2;
    --color-gold: #c8974f;
    --color-green: #527068;
    --content-max: 1240px;
    --reading-max: 760px;
    --space-section: 96px;
    --radius: 6px;
    --font-sans: "Dashi Serif", "Noto Serif SC", "Source Han Serif SC", SimSun, serif;
    --font-display: "Dashi Serif", "Noto Serif SC", "Source Han Serif SC", SimSun, serif;
}

@media (max-width: 760px) {
    :root {
        --space-section: 64px;
    }
}