/* ============================================
 * YuFen 主题 - 全局 CSS 变量
 * 作用：集中管理 Obsidian Border 主题配色和图案
 * 功能：标题强调色、斜体颜色、行内代码颜色、
 *       块引用竖条色、列表标记色、点状图案背景
 * 说明：此文件必须在其他样式文件之前加载
 * ============================================ */

/* ---------- 浅色模式 ---------- */
:root {
  /* 标题强调色（H1-H6） */
  --h1-accent: #dd2c38;
  --h2-accent: #f97316;
  --h3-accent: #eab308;
  --h4-accent: #22c55e;
  --h5-accent: #3b82f6;
  --h6-accent: #8b5cf6;
  /* 斜体颜色 */
  --italic-color: #f97316;
  /* 行内代码颜色 */
  --inline-code-color: #ec4899;
  /* 块引用左侧竖条颜色 */
  --blockquote-bar: #dd2c38;
  /* 列表标记颜色 */
  --list-marker: #999;
  /* 点状图案背景（Obsidian Border 主题特色） */
  --pattern-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='0.12' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

/* ---------- 深色模式 ---------- */
.dark {
  --pattern-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.12' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  --list-marker: #666;
}