/* =============================================================
   主题配色 · 改这一个文件就能换整站颜色
   -------------------------------------------------------------
   用法一（改单一颜色）：直接改下面 :root 里的变量值即可。
   用法二（换整套预设）：把各页面 <html data-theme="xxx"> 改成
        gold（香槟金·默认） / blue（商务蓝） / green（翡翠绿）
        red（中国红） / dark（黑金·深色）
   -------------------------------------------------------------
   变量速查
   --bg          页面底色
   --bg-2        浅灰区块底色（交替section、页脚）
   --surface     卡片 / 表单底色
   --line        边框线
   --text        正文与标题文字
   --muted       次要说明文字
   --accent      主色：按钮、图标、强调数字、分隔线
   --accent-2    主色浅版：hover 状态
   --accent-soft 主色 7% 透明底：卡片 hover 底
   --on-accent   主色背景之上的文字色（深主色用白，浅主色用黑）
   ============================================================= */

:root {
  /* —— 底色与文字 —— */
  --bg: #ffffff;
  --bg-2: #f6f5f2;
  --surface: #ffffff;
  --surface-2: #fbfaf8;
  --line: #e7e5df;
  --line-2: #d6d3cb;
  --text: #23211d;
  --muted: #6c6a64;
  --muted-2: #9a968e;

  /* —— 主色（香槟金 · 默认） —— */
  --accent: #b0842c;
  --accent-2: #d0a744;
  --accent-soft: rgba(176, 132, 44, 0.07);
  --on-accent: #ffffff;

  --shadow: 0 16px 40px -24px rgba(35, 33, 29, 0.28);
  --radius: 2px;
}

/* ============ 预设方案（只改主色，底色不变） ============ */

/* 香槟金（默认，与 :root 一致） */
[data-theme="gold"] {
  --accent: #b0842c;
  --accent-2: #d0a744;
  --accent-soft: rgba(176, 132, 44, 0.07);
  --on-accent: #ffffff;
}

/* 商务蓝 */
[data-theme="blue"] {
  --accent: #1a5fa8;
  --accent-2: #3d87d2;
  --accent-soft: rgba(26, 95, 168, 0.07);
  --on-accent: #ffffff;
}

/* 翡翠绿 */
[data-theme="green"] {
  --accent: #1c7a58;
  --accent-2: #2f9b73;
  --accent-soft: rgba(28, 122, 88, 0.07);
  --on-accent: #ffffff;
}

/* 中国红 */
[data-theme="red"] {
  --accent: #a8342a;
  --accent-2: #c8544a;
  --accent-soft: rgba(168, 52, 42, 0.07);
  --on-accent: #ffffff;
}

/* 黑金（深色整套） */
[data-theme="dark"] {
  --bg: #0d0d0d;
  --bg-2: #141414;
  --surface: #181818;
  --surface-2: #1f1f1f;
  --line: #2a2a2a;
  --line-2: #333333;
  --text: #ececec;
  --muted: #9a9a9a;
  --muted-2: #707070;
  --accent: #c9a227;
  --accent-2: #e0bc55;
  --accent-soft: rgba(201, 162, 39, 0.12);
  --on-accent: #111111;
  --shadow: 0 16px 40px -24px rgba(0, 0, 0, 0.6);
}
