/* ============================================================================
 * highlight-theme.css —— 国风双主题代码高亮配色
 * 着色引擎复用成熟的 highlight.js（assets/highlight.min.js），
 * 这里只提供「随主题切换」的配色，颜色全部取自 CSS 变量，
 * 亮/暗两套由 :root / [data-theme="dark"] 切换，无需改 JS。
 * 仅当 config.json 启用 code-highlight 插件时才被引入。
 * ========================================================================== */

/* ---------- 亮色 · 宣纸米白（偏暖，与正文区分） ---------- */
:root, [data-theme="light"] {
  --hl-comment: #8a8270;   /* 淡墨批注 */
  --hl-keyword: #a8332a;   /* 朱砂 · 关键字 */
  --hl-string:  #4f6f3f;   /* 竹青 · 字符串 */
  --hl-number:  #3a5a6a;   /* 黛蓝 · 数字 */
  --hl-title:   #8a2820;   /* 深朱砂 · 函数/标题 */
  --hl-built:   #a8622a;   /* 赭石 · 内建 */
  --hl-type:    #a8622a;   /* 赭石 · 类型 */
  --hl-attr:    #3a5a6a;   /* 黛蓝 · 属性 */
  --hl-symbol:  #8a2820;   /* 深朱砂 · 符号 */
  --hl-meta:    #8a8270;   /* 淡墨 · 元信息 */
}

/* ---------- 暗色 · 夜墨（更亮，保证对比） ---------- */
[data-theme="dark"] {
  --hl-comment: #9a917e;
  --hl-keyword: #d65a4e;
  --hl-string:  #93b07e;
  --hl-number:  #6f97a8;
  --hl-title:   #e58a7e;
  --hl-built:   #c8844a;
  --hl-type:    #c8844a;
  --hl-attr:    #6f97a8;
  --hl-symbol:  #e58a7e;
  --hl-meta:    #9a917e;
}

/* 代码块底色由 style.css 的 .content pre 提供，这里只上色 */
.hljs { color: var(--pre-fg); background: transparent; }
.hljs::selection, .hljs ::selection { background: rgba(168, 51, 42, 0.28); }

.hljs-comment, .hljs-quote { color: var(--hl-comment); font-style: italic; }

.hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-doctag,
.hljs-section, .hljs-template-tag, .hljs-name { color: var(--hl-keyword); }

.hljs-string, .hljs-regexp, .hljs-addition,
.hljs-attribute, .hljs-meta .hljs-string { color: var(--hl-string); }

.hljs-number, .hljs-symbol, .hljs-bullet, .hljs-link,
.hljs-variable.constant_ { color: var(--hl-number); }

.hljs-title, .hljs-title.function_, .hljs-title.class_,
.hljs-title.class, .hljs-title.function { color: var(--hl-title); }

.hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_.inherited__ { color: var(--hl-built); }

.hljs-type, .hljs-class, .hljs-params, .hljs-typing { color: var(--hl-type); }

.hljs-attr, .hljs-property, .hljs-meta { color: var(--hl-attr); }

.hljs-tag { color: var(--muted); }
.hljs-deletion { color: #c0392b; }
.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: 700; }