/* 全站代码配色：VS Code 默认的 Light+（亮）/ Dark+（暗），色值照 VS Code 内置主题
   light_plus / light_vs / dark_plus / dark_vs 里对应 scope 的颜色。
   编辑器（CodeMirror）、正文代码块、练一练、n-code 都用 shared/highlight.ts 的 codeHighlighter
   给词打 tok-* 类名，颜色只在这里写一份。App.vue 全局引入。 */
:root {
  --code-fg: #000000;
  --code-control: #af00db;
  --code-keyword: #0000ff;
  --code-function: #795e26;
  --code-variable: #001080;
  --code-string: #a31515;
  --code-escape: #ee0000;
  --code-number: #098658;
  --code-type: #267f99;
  --code-comment: #008000;
  --code-invalid: #cd3131;
  --code-invalid-bg: rgba(205, 49, 49, 0.12);
  --code-heading: #800000;
  --code-raw: #800000;
  --code-bold: #000080;
}

html.dark {
  --code-fg: #d4d4d4;
  --code-control: #c586c0;
  --code-keyword: #569cd6;
  --code-function: #dcdcaa;
  --code-variable: #9cdcfe;
  --code-string: #ce9178;
  --code-escape: #d7ba7d;
  --code-number: #b5cea8;
  --code-type: #4ec9b0;
  --code-comment: #6a9955;
  --code-invalid: #f44747;
  --code-invalid-bg: rgba(244, 71, 71, 0.18);
  --code-heading: #569cd6;
  --code-raw: #ce9178;
  --code-bold: #569cd6;
}

.tok-control {
  color: var(--code-control);
}
.tok-keyword {
  color: var(--code-keyword);
}
.tok-function {
  color: var(--code-function);
}
.tok-variable {
  color: var(--code-variable);
}
.tok-string {
  color: var(--code-string);
}
.tok-escape {
  color: var(--code-escape);
}
.tok-number {
  color: var(--code-number);
}
.tok-type {
  color: var(--code-type);
}
.tok-comment {
  color: var(--code-comment);
}
.tok-invalid {
  color: var(--code-invalid);
}

/* shared/codeMarks.ts 补的几种标记。静态代码是同一个 span 上的两个类名，编辑器里是两层 span、
   谁包谁不一定，所以内外两种写法都要，并且要写在上面那些 tok-* 后面 */
.tok-format,
.tok-format * {
  color: var(--code-variable);
}
.tok-format-py,
.tok-format-py * {
  color: var(--code-keyword);
}
.tok-builtin-type,
.tok-builtin-type * {
  color: var(--code-type);
}
.tok-fullwidth,
.tok-fullwidth * {
  color: var(--code-invalid);
  background-color: var(--code-invalid-bg);
  text-decoration: wavy underline var(--code-invalid);
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
}

/* 以下只有 Markdown 编辑器用得到 */
.tok-heading {
  color: var(--code-heading);
  font-weight: bold;
}
.tok-strong {
  color: var(--code-bold);
  font-weight: bold;
}
.tok-emphasis {
  font-style: italic;
}
.tok-link {
  color: var(--code-string);
}
.tok-monospace {
  color: var(--code-raw);
}
.tok-quote {
  color: var(--code-comment);
}
.tok-strikethrough {
  text-decoration: line-through;
}