/* ============================================================
   00 · tokens  ——  全站唯一的设计变量表
   ------------------------------------------------------------
   规则：这个文件之外，任何地方都不许出现颜色字面量
   （品牌色、圆角、阴影一律走 var()）。
   换配色只改这里，六个页面同时生效。

   色值取自原站 style.min.css 的 --color-* 变量表，
   与线上版逐项核对过（2026-10-20）。
   ============================================================ */

:root {
  /* 品牌色 —— 深藏青做主色，蓝做点缀 */
  --brand: #081b3d;        /* 主色：标题、价格、深色文字块 */
  --brand-2: #4595c7;      /* 主蓝：悬停、选中、焦点环 */
  --brand-soft: #e4eefc;   /* 浅蓝底：角标、次级按钮、评价带 */

  /* 行动色（购买按钮，原站是渐变） */
  --action: #f7bd00;
  --action-dark: #f69400;
  --action-ink: #081b3d;   /* 黄底上的字色，不用纯黑 */

  /* 页头 / 页脚 / 利益条 */
  --nav-bg: #232f3e;       /* 原站 --color-nav-bg */
  --nav-ink: #ffffff;
  --nav-ink-2: rgba(255, 255, 255, .78);
  --nav-line: rgba(255, 255, 255, .14);
  --benefit-bg: #3581b1;   /* 原站 --color-primary-dark */
  --benefit-ink: #f0f8ff;

  /* 首屏渐变（159deg，原站逐字抄的） */
  --hero-grad: linear-gradient(159deg, #111827 0%, #1e3a8a 70%, #3b82f6 100%);
  --hero-ink-2: rgba(255, 255, 255, .86);
  --hero-chip: rgba(0, 0, 0, .25);

  /* 文字层级 */
  --ink: #222222;          /* 原站 --color-body */
  --ink-2: #626c80;        /* 原站 --color-gray-text */
  --ink-3: #a7a7a7;        /* 原站 --color-gray-dark */

  /* 线条与底色 */
  --line: #e5e7eb;
  --line-2: #f2f2f2;
  --bg: #f9f9f9;           /* 原站 --color-gray-light */
  --card: #fff;

  /* 语义色 */
  --ok: #218231;
  --ok-soft: #e7f6ee;
  --danger: #b43638;
  --warn: #b54708;
  --warn-soft: #fffaeb;
  --warn-line: #fedf89;

  /* 页脚 */
  --foot-bg: #232f3e;
  --foot-ink: #e6ebf2;
  --foot-ink-2: #b6c0ce;
  --foot-ink-3: #8b96a6;

  /* 字体：Satoshi 三个字重，自托管在 site/fonts/ */
  --font-sans: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-bold: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* 形状与阴影 */
  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);
  --shadow-lg: 0 12px 24px -6px rgba(16, 24, 40, .14), 0 4px 8px -4px rgba(16, 24, 40, .06);
  --shadow-card: 0 0 6px -1px rgba(0, 0, 0, .16);

  /* 布局 */
  --maxw: 1180px;          /* 内容最大宽度 */
  --pad: 20px;             /* 页面左右内边距 */
  --header-h: 92px;        /* 桌面页头高度，吸底条/锚点会用到 */
}