﻿/* ============================================================
   冀西南林路行 · Chirpy 移植版
   冷煤灰 · 旧砖红 · 苔藓灰绿 · 思源宋体
   意象：太行水泥 · 爆破后的墙皮 · 泥河石缝
   ============================================================ */

/* 思源宋体（jsdelivr cn-fontsource） */
@import url('https://cdn.jsdelivr.net/npm/cn-fontsource-noto-serif-sc-regular/font.css');
@import url('https://cdn.jsdelivr.net/npm/cn-fontsource-noto-serif-sc-medium/font.css');
@import url('https://cdn.jsdelivr.net/npm/cn-fontsource-noto-serif-sc-bold/font.css');

:root {
  --bs-body-font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
  --bs-body-font-size: 1.06rem;
}

/* ============ 底色 · 冷煤灰 #141416 ============ */
html[data-mode="dark"],
:root[data-bs-theme="dark"] {
  --bs-body-bg: #141416;
  --bs-body-color: #c8c6c1;
  --bs-body-color-rgb: 200, 198, 193;

  --main-bg: #141416;
  --main-border-color: #26262a;

  --topbar-bg: #141416;
  --topbar-text-color: #8a8884;

  --sidebar-bg: #141416;
  --sidebar-border-color: #26262a;
  --sidebar-muted-color: #55534e;
  --sidebar-btn-bg: #1c1c1e;
  --sidebar-btn-color: #c8c6c1;
  --sidebar-hover-bg: #1c1c1e;

  --card-bg: #1a1a1c;
  --card-header-bg: #1c1c1e;
  --card-hover-bg: #1f1f22;
  --card-border-color: #26262a;

  --menu-bg: #141416;
  --menu-border-color: #26262a;
  --menu-highlight-bg: rgba(160, 90, 72, 0.12);
  --menu-shadow-color: rgba(0, 0, 0, 0.6);

  --bs-border-color: #26262a;
  --bs-border-color-translucent: rgba(38, 38, 42, 0.5);
  --tb-border-color: #26262a;

  /* ============ 文字 ============ */
  --text-color: #c8c6c1;
  --text-muted-color: #6a6864;
  --text-muted-highlight-color: #8a8884;
  --heading-color: #e8e6e0;
  --label-color: #55534e;
  --site-title-color: #e8e6e0;
  --site-subtitle-color: #6a6864;

  /* ============ 强调 · 旧砖红 #a05a48 ============ */
  --link-color: #a05a48;
  --link-underline-color: rgba(160, 90, 72, 0.4);
  --bs-link-color: #a05a48;
  --bs-link-color-rgb: 160, 90, 72;
  --bs-link-hover-color: #b86a55;
  --bs-link-hover-color-rgb: 184, 106, 85;

  --menu-active-color: #a05a48;
  --sidebar-active-color: #a05a48;
  --toc-highlight: #a05a48;
  --timeline-color: #a05a48;
  --timeline-node-bg: #a05a48;
  --timeline-year-dot-color: #a05a48;

  --button-bg: #a05a48;
  --button-color: #141416;
  --btn-border-color: #a05a48;
  --btn-paginator-hover-color: #b86a55;
  --btn-patinator-text-color: #c8c6c1;
  --btn-backtotop-color: #8a8884;
  --btn-backtotop-border-color: #26262a;
  --btn-share-color: #6a6864;
  --btn-share-hover-color: #a05a48;

  --checkbox-checked-color: #a05a48;
  --checkbox-color: #333336;

  --categories-border: #26262a;
  --categories-hover-bg: rgba(160, 90, 72, 0.1);
  --categories-icon-hover-color: #a05a48;

  --tag-border: #333336;
  --tag-hover: #a05a48;
  --tag-shadow: rgba(160, 90, 72, 0.2);

  /* ============ 代码 · 引用 ============ */
  --code-color: #a09e98;
  --highlighter-rouge-color: #a09e98;
  --highlight-lineno-color: #55534e;
  --highlight-bg-color: #1a1a1c;
  --inline-code-bg: #1c1c1e;
  --code-header-text-color: #8a8884;
  --code-header-icon-color: #6a6864;
  --code-header-muted-color: #55534e;
  --language-border-color: #26262a;

  --blockquote-border-color: #a05a48;
  --blockquote-text-color: #b8b6b1;

  --kbd-bg-color: #1c1c1e;
  --kbd-text-color: #a09e98;
  --kbd-wrap-color: #26262a;
  --filepath-text-color: #a09e98;
  --dash-color: #333336;

  /* ============ 提示框 ============ */
  --prompt-tip-bg: rgba(125, 138, 122, 0.1);
  --prompt-tip-icon-color: #7d8a7a;
  --prompt-info-bg: rgba(125, 138, 122, 0.08);
  --prompt-info-icon-color: #7d8a7a;
  --prompt-warning-bg: rgba(160, 90, 72, 0.12);
  --prompt-warning-icon-color: #a05a48;
  --prompt-danger-bg: rgba(160, 90, 72, 0.15);
  --prompt-danger-icon-color: #a05a48;
  --prompt-text-color: #c8c6c1;

  /* ============ 其他 ============ */
  --avatar-border-color: #26262a;
  --img-bg: #1c1c1e;
  --search-icon-color: #6a6864;
  --search-border-color: #26262a;
  --search-tag-bg: rgba(160, 90, 72, 0.12);
  --input-focus-border-color: #a05a48;
  --mask-bg: rgba(0, 0, 0, 0.6);
  --shimmer-bg: #1c1c1e;
  --toc-popup-border-color: #26262a;
  --wc-stm-form-submit-background-color: #a05a48;
}

/* ============ 细节微调 ============ */
/* 文章标题层级：H1 近白，H2 旧砖红，H3 石灰岩 */
:root[data-bs-theme="dark"] article .content h1,
:root[data-bs-theme="dark"] article .content h2,
:root[data-bs-theme="dark"] article .content h3,
:root[data-bs-theme="dark"] article .content h4 {
  color: var(--heading-color);
}

:root[data-bs-theme="dark"] article .content h2 {
  color: #a05a48;
  border-bottom-color: #26262a;
}

:root[data-bs-theme="dark"] article .content h3 {
  color: #c8c6c1;
}

/* 文章卡片标题 */
:root[data-bs-theme="dark"] .post-preview .card-title,
:root[data-bs-theme="dark"] .card-title a {
  color: #e8e6e0;
}

/* 正文加粗染旧砖红（意象：加粗只染文字） */
:root[data-bs-theme="dark"] article .content strong,
:root[data-bs-theme="dark"] article .content b {
  color: #a05a48;
  font-weight: 700;
}

/* == 高亮 == 旧砖红半透明底（墨笔划痕） */
:root[data-bs-theme="dark"] article .content mark,
:root[data-bs-theme="dark"] article .content .mark-highlight {
  background: rgba(160, 90, 72, 0.22);
  color: #e8d8c8;
  padding: 0.05em 0.3em;
  border-radius: 2px;
  border-bottom: 1px solid rgba(160, 90, 72, 0.5);
}

/* 链接下划线更含蓄 */
:root[data-bs-theme="dark"] a {
  text-decoration-color: rgba(160, 90, 72, 0.35);
}

/* 选中文字：旧砖红半透明 */
:root[data-bs-theme="dark"] ::selection {
  background: rgba(160, 90, 72, 0.35);
  color: #e8e6e0;
}

/* 文章标题下划线（Chirpy H2 自带双线，改细） */
:root[data-bs-theme="dark"] article .content h2::after {
  border-bottom-color: #26262a;
}

/* 置顶文章徽标 */
:root[data-bs-theme="dark"] .post-preview .pin-icon {
  color: #a05a48;
}



/* 侧边栏底部回顶按钮 */
#sidebar-backtop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid var(--btn-backtotop-border-color, #26262a);
  border-radius: 50%;
  background: transparent;
  color: var(--btn-backtotop-color, #8a8884);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.15s ease;
}
#sidebar-backtop:hover {
  color: #a05a48;
  border-color: #a05a48;
}
