1/* Theme */
 2@use "./themes/light.scss" as light;
 3@use "./themes/dark.scss" as dark;
 4
 5:root {
 6  color-scheme: light;
 7  @include light.theme-colors;
 8  background-color: var(--page-scroll-bg, var(--root-bg));
 9
10  scroll-behavior: smooth;
11
12  font-size: 16px;
13
14  --kp-font-emoji: "Twitter Color Emoji", "Noto Color Emoji", "Apple Color Emoji",
15    "Segoe UI Emoji", "Segoe UI Symbol";
16  --kp-font-serif: "Source Serif", "Noto Serif", Georgia, Cambria, "Times New Roman",
17    Times, "Liberation Serif";
18  --kp-font-sans: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
19    'Helvetica Neue';
20  --kp-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Source Code Pro",
21    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";
22
23  font-family: var(--kp-font-serif), ui-serif, serif, var(--kp-font-emoji);
24}
25
26[lang="zh-CN"] {
27  font-family: var(--kp-font-serif), "Source Han Serif SC VF",
28    "Noto Serif CJK SC", "Noto Serif SC", "Songti SC", STSong, SimSun, ui-serif,
29    serif, var(--kp-font-emoji);
30}
31
32@media (prefers-color-scheme: dark) {
33  :root:not([data-theme]) {
34    color-scheme: dark;
35    @include dark.theme-colors;
36  }
37}
38
39:root,
40[data-theme] {
41  background-color: var(--root-bg);
42  color: var(--color-base-content);
43}
44
45:where(:root, [data-theme]) {
46  --root-bg: var(--color-base-100);
47}