/* =========================================================
   yvfng 主题皮肤层（方案 A · 纸感编辑）V2
   用法：放在每个页面 </head> 前、且在各页 <style> 之后。
   本文件只“覆盖”各页已声明的 CSS 变量 + body 背景 + 圆角/字体，
   不改动任何布局/交互逻辑。深浅两套（配合各页 data-theme）。
   参考视觉：暖墨面（深色默认）/ 纸色（浅色） + 朱红强调 + 衬线标题 + 纸纹
   ========================================================= */

/* ---------- 深色：夜读墨面（默认） ---------- */
:root,
html[data-theme="dark"] {
  --bg: #1c1a15;
  --surface: #242019;
  --fg: #ece6d7;
  --muted: #a69d88;
  --border: #3a352b;
  --accent: #e07a5f;
  --accent-ink: #231a12;
  --accent-2: #c9a96a;
  --accent-3: #8f7f63;
  --success: #8fae74;
  --wip: #d0a35c;
  --danger: #d98a72;
  --glow-1: rgba(224, 122, 95, 0);
  --glow-2: rgba(224, 122, 95, 0);
  --shadow: 0 12px 36px rgba(0, 0, 0, .42);
  --radius: 3px;
  --radius-lg: 4px;
  --font-display: "Songti SC", "Noto Serif SC", "Source Han Serif SC", "SimSun", Georgia, serif;
  --font-body: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "Cascadia Code", "JetBrains Mono", Consolas, "Courier New", monospace;
  color-scheme: dark;
}

/* ---------- 浅色：纸色 ---------- */
html[data-theme="light"] {
  --bg: #f1efe9;
  --surface: #f8f6ef;
  --fg: #1d1f24;
  --muted: #7d7a70;
  --border: #d6d2c6;
  --accent: #a93b2e;
  --accent-ink: #f7f4ee;
  --accent-2: #8a6d3b;
  --accent-3: #6f6552;
  --success: #4e7a45;
  --wip: #8a6a1f;
  --danger: #b5493a;
  --glow-1: rgba(169, 59, 46, 0);
  --glow-2: rgba(169, 59, 46, 0);
  --shadow: 0 12px 30px rgba(43, 40, 35, .12);
  --radius: 3px;
  --radius-lg: 4px;
  color-scheme: light;
}

/* ---------- 底色与纸纹 ---------- */
body {
  background: var(--bg);
}
::selection { background: var(--accent); color: var(--accent-ink); }
body::after {
  content: ""; position: fixed; inset: 0; z-index: 60; pointer-events: none; opacity: .05;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="220" height="220"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="220" height="220" filter="url(%23n)"/></svg>');
}
html[data-theme="dark"] body::after { opacity: .10; }

/* ---------- 顶栏纸感化 ---------- */
.topnav { background: var(--bg); border-bottom: 1px solid var(--border); }
.logo { font-family: var(--font-display); letter-spacing: .01em; }
.logo-mark { border-color: var(--accent); color: var(--accent); border-radius: 3px; }

/* ---------- 圆角收敛（v1 曾放大到 12/16px，回落到纸感圆角） ---------- */
.card, .note-card, .panel, .tool-card, .work-card,
.about-item, .relate-card, .cta-box, .search-box, .filter-btn,
.file-row, .opt-card {
  border-radius: var(--radius-lg, 4px);
}

/* ---------- 按钮：去发光、纸感化 ---------- */
.btn-primary { box-shadow: none; }
.btn-primary:hover { box-shadow: none; transform: none; }
.btn-primary { border-radius: var(--radius, 3px); }
.btn-secondary { border-radius: var(--radius, 3px); }

/* ---------- 焦点环（朱红） ---------- */
:root {
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent), transparent 72%);
}

/* ---------- 右下主题钮：纸感方角 ---------- */
#themeToggle { border-radius: 10px; box-shadow: 0 8px 22px rgba(0, 0, 0, .28); }
html[data-theme="light"] #themeToggle { box-shadow: 0 8px 20px rgba(43, 40, 35, .14); }

/* ---------- 触控细节 ---------- */
a, button { -webkit-tap-highlight-color: transparent; }

/* ---------- 动效偏好 ---------- */
@media (prefers-reduced-motion: reduce) {
  body { background-attachment: scroll; }
}