/* 自动生成，请勿直接编辑 —— 单一来源：tools/design-tokens.json
   重新生成：python3 tools/build-tokens.py
   站点是纯静态页面，本文件由 <link> 引入，勿手动改值。 */

:root{
  /* ── 背景与面（由浅到深） ── */
  --wp-bg:              #f6f3ec;  /* 页面底色（暖米白） */
  --wp-surface:         #fffdf8;  /* 卡片面 */
  --wp-surface-2:       #faf8f2;  /* 次级面 */
  --wp-surface-3:       #f1ece2;  /* 三级面（内联代码底色等） */

  /* ── 文字 ── */
  --wp-ink:             #292524;  /* 主文字 */
  --wp-ink-2:           #57534e;  /* 次级文字 */
  --wp-muted:           #7d746c;  /* 弱化文字 */
  --wp-faint:           #a8a09a;  /* 占位、禁用 */

  /* ── 描边 ── */
  --wp-line:            #e7e0d4;  /* 常规描边 */
  --wp-line-soft:       #f0ebe1;  /* 更浅的分隔线 */
  --wp-accent-line:     #f0e0c8;  /* 琥珀软背景上的描边。扩展里等价写法是 rgba(var(--wp-accent-rgb),0.22) */

  /* ── 品牌主色：琥珀 ── */
  --wp-accent:          #b45309;  /* 主色 */
  --wp-accent-dark:     #92400e;  /* 主色加深（hover / 渐变末端） */
  --wp-accent-soft:     #fde9d2;  /* 主色浅底 */
  --wp-accent-tint:     #fdf6ec;  /* 主色极浅底 */

  /* ── 语义色 ── */
  --wp-green:           #1c7c54;  /* 成功 / 已掌握 */
  --wp-green-soft:      #e3f3ea;
  --wp-red:             #b3261e;  /* 错误 / 警告 */
  --wp-red-soft:        #fbe7e4;
  --wp-blue:            #2563ab;  /* 信息 / 链接 */
  --wp-blue-soft:       #e3eef9;

  /* ── 词源专属：深松绿（承自「词脉」） ── */
  --wp-root:            #2f5d50;  /* 词根色，用于来源类型图例 */
  --wp-root-soft:       #e8efec;

  /* ── RGB 通道（供 rgba(var(--wp-x-rgb), .1) 使用） ── */
  --wp-surface-rgb:     255,253,248;
  --wp-ink-rgb:         41,37,36;
  --wp-ink2-rgb:        87,83,78;
  --wp-muted-rgb:       125,116,108;
  --wp-faint-rgb:       168,160,154;
  --wp-accent-rgb:      180,83,9;
  --wp-accent-dark-rgb: 146,64,14;
  --wp-root-rgb:        47,93,80;
  --wp-green-rgb:       28,124,84;
  --wp-red-rgb:         179,38,30;
  --wp-blue-rgb:        37,99,171;

  /* ── 形状 ── */
  --wp-radius-lg:       16px;
  --wp-radius:          12px;
  --wp-radius-sm:       8px;
  --wp-radius-pill:     999px;

  /* ── 阴影 ── */
  --wp-shadow:          0 1px 2px rgba(41,37,36,.06), 0 8px 24px -12px rgba(41,37,36,.18);
  --wp-shadow-sm:       0 1px 2px rgba(41,37,36,.06);
  --wp-shadow-lg:       0 2px 4px rgba(41,37,36,.06), 0 18px 40px -16px rgba(41,37,36,.26);

  /* ── 字体 ── */
  --wp-font:            -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;  /* 各平台原生中文字体栈。引号由生成器按目标语言决定 */

  /* ── 品牌渐变 ── */
  --wp-gradient-brand: linear-gradient(135deg,var(--wp-accent) 0%,var(--wp-accent-dark) 100%);
}