/* ===========================================================================
   主题配色
   想换风格，只需要改下面这个文件里的颜色和字体。
   - 方案一：直接改 :root 里的数值
   - 方案二：用现成的三套预设（在 config.js 里改 theme）
   - 预览：打开 http://localhost:8080/?design=1 可以直接点着看效果
   =========================================================================== */

:root {
  /* --- 主色（标题、按钮、强调线条） --- */
  --c-primary: #b0304b;
  --c-primary-deep: #8c1f38;
  --c-primary-soft: #f3d3da;

  /* --- 点缀色（金色小装饰、分割线） --- */
  --c-accent: #c39b52;

  /* --- 背景与卡片 --- */
  --c-bg: #fff8f6;
  --c-surface: #ffffff;
  --c-surface-soft: #fdf1f2;
  --c-line: rgba(176, 48, 75, 0.16);

  /* --- 文字 --- */
  --c-text: #3b2b2e;
  --c-text-soft: #8b7376;
  --c-text-invert: #ffffff;

  /* --- 封面与页脚的渐变背景 --- */
  --gradient-cover: linear-gradient(165deg, #fff5f6 0%, #fbe3e8 48%, #f4d2dc 100%);
  --gradient-footer: linear-gradient(165deg, #f8dde4 0%, #f3cdd8 100%);

  /* --- 字体 --- */
  --font-title: "Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;
  --font-body: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  /* --- 圆角与阴影 --- */
  --radius: 18px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --shadow: 0 12px 30px rgba(122, 60, 72, 0.12);
  --shadow-soft: 0 6px 18px rgba(122, 60, 72, 0.08);

  /* --- 页面宽度（手机上不用改） --- */
  --max-width: 540px;
  --page-padding: 22px;

  /* --- 封面装饰纹理强度，0 表示不要纹理 --- */
  --pattern-opacity: 0.5;
}

/* =============================== 预设二：水墨蓝 =============================== */
[data-theme="ink"] {
  --c-primary: #2f4a63;
  --c-primary-deep: #1f3446;
  --c-primary-soft: #d5e0e9;
  --c-accent: #b08d5a;
  --c-bg: #f7f9fb;
  --c-surface: #ffffff;
  --c-surface-soft: #eef4f8;
  --c-line: rgba(47, 74, 99, 0.16);
  --c-text: #26323c;
  --c-text-soft: #71828f;
  --gradient-cover: linear-gradient(165deg, #f7fafc 0%, #e3edf4 48%, #d3e2ec 100%);
  --gradient-footer: linear-gradient(165deg, #dde9f1 0%, #cfdfea 100%);
  --shadow: 0 12px 30px rgba(40, 70, 95, 0.12);
  --shadow-soft: 0 6px 18px rgba(40, 70, 95, 0.08);
}

/* =============================== 预设三：香槟金 =============================== */
[data-theme="gold"] {
  --c-primary: #9a7b3f;
  --c-primary-deep: #7c612c;
  --c-primary-soft: #efe2c8;
  --c-accent: #c9a86a;
  --c-bg: #fdfaf4;
  --c-surface: #ffffff;
  --c-surface-soft: #f7f1e4;
  --c-line: rgba(154, 123, 63, 0.2);
  --c-text: #40382c;
  --c-text-soft: #8d8271;
  --gradient-cover: linear-gradient(165deg, #fffdf7 0%, #f7efe0 48%, #f0e4cd 100%);
  --gradient-footer: linear-gradient(165deg, #f4ead6 0%, #ecdfc6 100%);
  --shadow: 0 12px 30px rgba(150, 120, 60, 0.14);
  --shadow-soft: 0 6px 18px rgba(150, 120, 60, 0.08);
}