/* See public/fonts/README.md for provenance and SIL Open Font License notices. */
:root {
    --website-font-sans: "Noto Sans SC Variable", sans-serif;
    --website-font-serif: "Noto Serif SC Variable", "Noto Sans SC Variable", serif;
    --website-font-mono: "Noto Sans Mono Variable", "Noto Sans SC Variable", monospace;
    --font-sans: var(--website-font-sans);
    --font-serif: var(--website-font-serif);
    --font-mono: var(--website-font-mono);
    --font-sans-reading: var(--website-font-sans);
}

html, body, .font-sans {
    font-family: var(--website-font-sans);
}

body.ent-body {
    font-family: var(--website-font-serif);
}

button, input, select, textarea, optgroup {
    font-family: inherit;
}

.font-serif {
    font-family: var(--website-font-serif);
}

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

/* Vditor ships its own system-font stacks. Cover editor, preview and dialogs,
   without overriding its separately licensed KaTeX mathematical glyph fonts. */
.vditor, .vditor-reset, .vditor-toolbar, .vditor-panel,
.vditor-tip, .vditor-hint, .vditor-counter,
.vditor-reset pre[contenteditable], .vditor-sv,
.vditor-ir pre.vditor-reset, .vditor-wysiwyg pre.vditor-reset {
    font-family: var(--website-font-sans) !important;
}

.vditor-reset code, .vditor-reset kbd, .vditor-reset samp,
.vditor-reset pre:not([contenteditable]) {
    font-family: var(--website-font-mono) !important;
}

/* Mermaid SVG text has its own font declarations, unlike ordinary prose. */
html body .language-mermaid text,
html body .language-mermaid tspan,
html body .language-mermaid foreignObject *,
html body .mermaid text,
html body .mermaid tspan,
html body .mermaid foreignObject * {
    font-family: var(--website-font-sans) !important;
}