/* ==========================================================
   Syntax Highlight Theme — 配合深綠底色 (--bg-code: #1a332a)
   lowlight 產生的 hljs-* class 著色規則
   ========================================================== */

/* 關鍵字：if, const, let, return, function, class, import, export ... */
.hljs-keyword,
.hljs-selector-tag {
  color: #67e8f9;
}

/* 字串 */
.hljs-string,
.hljs-template-tag,
.hljs-template-variable {
  color: #fef08a;
}

/* 數字、布林、null */
.hljs-number,
.hljs-literal {
  color: #fdba74;
}

/* 註解 */
.hljs-comment,
.hljs-doctag {
  color: #6b8f71;
  font-style: italic;
}

/* 函式名、class 名 */
.hljs-title,
.hljs-title.class_,
.hljs-title.function_ {
  color: #86efac;
}

/* 型別 */
.hljs-type,
.hljs-built_in {
  color: #c4b5fd;
}

/* 變數、屬性 */
.hljs-attr,
.hljs-attribute,
.hljs-variable,
.hljs-property {
  color: #93c5fd;
}

/* HTML/XML 標籤名 */
.hljs-name,
.hljs-tag {
  color: #f87171;
}

/* 正則表達式 */
.hljs-regexp {
  color: #fca5a5;
}

/* meta / preprocessor */
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-meta .hljs-string {
  color: #a5b4fc;
}

/* 運算子、標點 */
.hljs-operator,
.hljs-punctuation {
  color: #d1d5db;
}

/* CSS 選擇器 class/id/attr */
.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #86efac;
}

/* 符號、bullet */
.hljs-symbol,
.hljs-bullet {
  color: #fdba74;
}

/* 區段標題（markdown heading 等） */
.hljs-section {
  color: #67e8f9;
  font-weight: 700;
}

/* 強調 */
.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 700;
}

/* 新增/刪除（diff） */
.hljs-addition {
  color: #86efac;
  background: rgba(134, 239, 172, 0.1);
}

.hljs-deletion {
  color: #fca5a5;
  background: rgba(252, 165, 165, 0.1);
}

/* 連結 */
.hljs-link {
  color: #93c5fd;
  text-decoration: underline;
}

/* 引用 */
.hljs-quote {
  color: #6b8f71;
  font-style: italic;
}

/* 子語言（嵌入式） */
.hljs-subst {
  color: #e8e4d9;
}

/* params（函式參數） */
.hljs-params {
  color: #e8e4d9;
}