/*
 * Xin 主题设计变量与配色方案（前台页面与会员中心共用）。
 * A 深海蓝 + 活力橙为 :root 默认值；B、C 只覆盖颜色角色。
 */

/* ---------- 设计变量 ---------- */
:root {
  color-scheme: light;

  /* 版心自适应：不设最大宽度，左右边距随屏幕变化（手机 12px，平板约 30-60px，1280 屏约 94px，1440 屏约 113px，1500 以上固定 120px） */
  --xin-content-max: none;
  --xin-gutter: clamp(12px, 12vw - 60px, 120px);

  /* 颜色角色：各配色方案只覆盖这些变量（见下方“配色方案”） */
  --xin-brand: #1e3656;          /* 导航、Logo 文字、当前分页 */
  --xin-brand-hover: #2a4870;
  --xin-nav-active: #e2531f;     /* 导航当前项 */
  --xin-accent: #e2531f;         /* 主按钮、标题色条、链接悬停 */
  --xin-accent-hover: #f0612c;
  --xin-accent-soft: #fff2ea;    /* 浅强调底色 */
  --xin-chip-on-bg: #fff0e8;     /* 筛选选中 */
  --xin-chip-on-text: #c9461a;
  --xin-price: #d9381e;
  --xin-free: #1f8a4c;           /* 免费下载 / 免费领取 */
  --xin-free-hover: #18733f;
  --xin-free-soft: #e8f5ec;
  --xin-th-bg: #fdf7e1;          /* 表头 */
  --xin-th-line: #eadfb6;
  --xin-th-text: #5c5233;
  --xin-row-hover: #fffaf0;

  /* 中性色 */
  --xin-bg: #f2f4f7;
  --xin-surface: #ffffff;
  --xin-surface-alt: #f8f9fb;
  --xin-line: #e2e6ec;
  --xin-line-strong: #cfd6e0;
  --xin-text: #1d2633;
  --xin-text-2: #4a5568;
  --xin-muted: #6b7586;
  --xin-link: #2b5285;
  --xin-success: #23804a;
  --xin-danger: #c4351f;

  /* 尺度 */
  --xin-space-1: 4px;
  --xin-space-2: 8px;
  --xin-space-3: 12px;
  --xin-space-4: 16px;
  --xin-space-5: 20px;
  --xin-space-6: 24px;
  --xin-space-8: 32px;
  --xin-radius-sm: 4px;
  --xin-radius: 6px;
  --xin-shadow: 0 1px 2px rgba(23, 42, 68, .06);
  --xin-font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* ---------- 配色方案 ----------
 * A 深海蓝 + 活力橙为 :root 默认值；B、C 只覆盖颜色角色。
 * 后台“主题设置 > 配色方案”决定默认方案，访客切换由 js/palette.js 设置 data-xin-palette。
 */
:root[data-xin-palette="b"] {
  --xin-brand: #1d2b3a;
  --xin-brand-hover: #2a3d54;
  --xin-nav-active: #3a5577;
  --xin-accent: #c97a1e;
  --xin-accent-hover: #b06714;
  --xin-accent-soft: #fbf3e6;
  --xin-chip-on-bg: #fbf0de;
  --xin-chip-on-text: #9a5a0f;
  --xin-price: #b3261e;
  --xin-th-bg: #f7f1e3;
  --xin-th-line: #e5d8b8;
  --xin-th-text: #5e4f30;
  --xin-row-hover: #fcf8ef;
  --xin-bg: #f4f3f0;
  --xin-surface-alt: #faf9f6;
  --xin-line: #e6e2da;
  --xin-line-strong: #d4cdbf;
  --xin-text: #22262b;
  --xin-text-2: #4d535b;
  --xin-muted: #6f747b;
  --xin-link: #2f4a6b;
}
:root[data-xin-palette="c"] {
  --xin-brand: #2a1f1f;
  --xin-brand-hover: #3d2e2e;
  --xin-nav-active: #b8231c;
  --xin-accent: #b8231c;
  --xin-accent-hover: #9e1d17;
  --xin-accent-soft: #fcefed;
  --xin-chip-on-bg: #fbe9e7;
  --xin-chip-on-text: #a01d17;
  --xin-price: #b8231c;
  --xin-th-bg: #fbf1dc;
  --xin-th-line: #ead6a8;
  --xin-th-text: #5f4a22;
  --xin-row-hover: #fdf7ef;
  --xin-bg: #f3f1f1;
  --xin-surface-alt: #faf7f7;
  --xin-line: #e7e1e1;
  --xin-line-strong: #d6cccc;
  --xin-text: #211c1c;
  --xin-text-2: #4f4646;
  --xin-muted: #726868;
  --xin-link: #7f3127;
}