/* ============================================================================
   代码配色方案 —— One Light / One Dark
   通过覆盖主题的 --md-code-hl-* 变量实现,作用于所有代码块与行内代码。
   亮色方案挂在 [data-md-color-scheme=default],暗色方案挂在 [data-md-color-scheme=slate]。
   ========================================================================== */

/* ------------------------------------------------------------------ */
/* 亮色:One Light                                                      */
/* ------------------------------------------------------------------ */
[data-md-color-scheme="default"] {
  --md-code-bg-color: #fafafa;
  --md-code-bg-color--light: #fafafab3;
  --md-code-bg-color--lighter: #fafafa4d;
  --md-code-fg-color: #383a42;

  /* 选中行 / 高亮行:柔和琥珀 */
  --md-code-hl-color: #f2c94c;
  --md-code-hl-color--light: #f2c94c3d;

  --md-code-hl-comment-color: #a0a1a7;
  --md-code-hl-constant-color: #0184bc;
  --md-code-hl-function-color: #4078f2;
  --md-code-hl-generic-color: #696c77;
  --md-code-hl-keyword-color: #a626a4;
  --md-code-hl-name-color: #383a42;
  --md-code-hl-number-color: #986801;
  --md-code-hl-operator-color: #526270;
  --md-code-hl-punctuation-color: #526270;
  --md-code-hl-special-color: #e45649;
  --md-code-hl-string-color: #50a14f;
  --md-code-hl-variable-color: #c18401;

  /* 主题未定义此变量,但 extra.css 中 .kt 依赖它,这里补齐 */
  --md-code-hl-type-color: #0184bc;
}

/* ------------------------------------------------------------------ */
/* 暗色:One Dark                                                      */
/* ------------------------------------------------------------------ */
[data-md-color-scheme="slate"] {
  --md-code-bg-color: #282c34;
  --md-code-bg-color--light: #282c34b3;
  --md-code-bg-color--lighter: #282c344d;
  --md-code-fg-color: #abb2bf;

  /* 选中行 / 高亮行:柔和蓝 */
  --md-code-hl-color: #61afef;
  --md-code-hl-color--light: #61afef26;

  --md-code-hl-comment-color: #7a828e;
  --md-code-hl-constant-color: #56b6c2;
  --md-code-hl-function-color: #61afef;
  --md-code-hl-generic-color: #abb2bf;
  --md-code-hl-keyword-color: #c678dd;
  --md-code-hl-name-color: #e6e7ea;
  --md-code-hl-number-color: #d19a66;
  --md-code-hl-operator-color: #828997;
  --md-code-hl-punctuation-color: #828997;
  --md-code-hl-special-color: #e06c75;
  --md-code-hl-string-color: #98c379;
  --md-code-hl-variable-color: #e5c07b;
}

/* ------------------------------------------------------------------ */
/* 细节:注释斜体                                                       */
/* ------------------------------------------------------------------ */
.md-typeset .highlight .c,
.md-typeset .highlight .c1,
.md-typeset .highlight .ch,
.md-typeset .highlight .cm,
.md-typeset .highlight .cs,
.md-typeset .highlight .cpf,
.md-typeset .highlight .sd {
  font-style: italic;
}

/* ------------------------------------------------------------------ */
/* 细节:行内代码与代码块同色系,避免主色突兀                             */
/* ------------------------------------------------------------------ */
.md-typeset :not(pre) > code {
  background-color: var(--md-code-bg-color--light);
  border: 1px solid var(--md-code-bg-color);
  border-radius: 0.3rem;
  padding: 0 0.3em;
}

[data-md-color-scheme="slate"] .md-typeset :not(pre) > code {
  border-color: #3a3f4b;
}

/* ------------------------------------------------------------------ */
/* 细节:代码块横向滚动条                                               */
/* ------------------------------------------------------------------ */
.md-typeset .highlight pre::-webkit-scrollbar {
  height: 6px;
}

.md-typeset .highlight pre::-webkit-scrollbar-thumb {
  background-color: var(--md-code-hl-operator-color);
  border-radius: 3px;
}

/* ------------------------------------------------------------------ */
/* 细节:选中文本 - 半透明浅蓝,两种模式下文字都清晰可读                   */
/* ------------------------------------------------------------------ */
::selection {
  background-color: rgba(64, 120, 242, 0.28);
}

[data-md-color-scheme="slate"] ::selection {
  background-color: rgba(97, 175, 239, 0.35);
}