@font-face {
  font-family: "Source Han Sans SC";
  src: url("/chloe-fonts/SourceHanSansCN-Variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

:root {
  --chloe-font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei UI", "Source Han Sans SC", system-ui, sans-serif;
  --chloe-font-ui: var(--chloe-font-system);
  --chloe-font-reading: var(--chloe-font-system);
}

html,
body,
button,
input,
textarea,
select,
optgroup {
  font-family: var(--chloe-font-ui) !important;
}

body {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

article,
.prose,
.markdown-body,
[data-chloe-reading="true"],
.chloe-reading {
  font-family: var(--chloe-font-reading) !important;
  font-optical-sizing: auto;
}

article :is(p, li, blockquote, figcaption),
.prose :is(p, li, blockquote, figcaption),
.markdown-body :is(p, li, blockquote, figcaption),
[data-chloe-reading="true"] :is(p, li, blockquote, figcaption),
.chloe-reading :is(p, li, blockquote, figcaption) {
  font-family: inherit !important;
}

code,
pre,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}