/* ============================================================
   鼎汉智能 · Design Tokens  v18
   色板取自[鼎汉集团官网](https://dinghangroup.com/)实测值，不是估的：
     金棕主色  rgb(184,137,59)  = #b8893b
     暖底渐变  radial-gradient(#f7efd9 0%, #fbf8f1 100%)
     标题      rgb(28,28,28)    = #1c1c1c
     正文      rgb(57,56,65)    = #393841
     CTA 按钮  圆角 50px 胶囊，金底白字
   两个站放在一起要能看出是一家，所以配色与节奏都跟集团走。
   ============================================================ */
:root{
  /* --- 页面 --- */
  --bg:#ffffff;
  --warm:#f7efd9;            /* 暖底渐变起点 */
  --warm-2:#fbf8f1;          /* 暖底渐变终点 */
  --bg-2:#faf7f0;            /* 暖浅灰，用于卡片底 */

  /* --- 文字 --- */
  --ink:#1c1c1c;             /* 标题 */
  --ink-2:#393841;           /* 正文 */
  --muted:#6f6d78;           /* 辅助 */
  --muted-2:#9c9aa4;         /* 更弱 */

  /* --- 线 --- */
  --line:rgba(28,28,28,.14);
  --line-2:rgba(28,28,28,.08);

  /* --- 品牌：金棕色是鼎汉的色，不是装饰 --- */
  --gold:#b8893b;
  --gold-d:#a0762f;          /* hover */
  --gold-w:#f7efd9;          /* 极浅金底 */

  /* --- 状态（仅产品界面与场景旅程内使用）--- */
  --ok:#137a4a;  --ok-w:#e7f5ec;
  --warn:#a8620a; --warn-w:#fdf1e3;
  --bad:#b3261e;  --bad-w:#fdeceb;
  --green:#137a4a;
  --amber:#a8620a;

  /* --- 产品界面（还原系统真实版面，与页面配色分开）--- */
  --ui-bar:#1e2438;
  --ui-bg:#f4f5f8;
  --ui-card:#ffffff;
  --ui-line:#e6e8ee;
  --ui-ink:#1b2030;
  --ui-muted:#79808f;
  --ui-blue:#2f6bff;

  /* ============================================================
     字阶 —— 五级，比例约 1.25（小三度）
     v20 之前是 46/28/18/17/14：t3 与 t4 只差 1px，
     而 .d3 标题正压着 .pts 正文、.lead 压着 .sec6 段落 ——
     每个内容块都是这么一对，眼睛看得出变了却读不出为什么变，
     就是"忽大忽小"的来源。28→18 又是 1.56 倍的大跳，节奏是断的。
     现在按比例重排，每一级都看得出差别，也说得出理由：
       42 → 26 → 20 → 16 → 13
       1.62   1.30   1.25   1.23
     ============================================================ */
  --t1:clamp(30px,3.6vw,42px);   /* 页面主标题，每页只有一个 h1 */
  --t2:clamp(23px,2.1vw,26px);   /* 小节标题，所有 h2 一律用它 */
  --t3:20px;                     /* 导语 .lead、小节内小标题 h3/h4 */
  --t4:16px;                     /* 正文 */
  --t5:13px;                     /* 辅助文字、说明、eyebrow、按钮、图注 */

  /* --- 形状 --- */
  --r-xs:6px; --r-s:10px; --r:14px; --r-l:20px;
  --r-pill:50px;                 /* 集团 CTA 用的胶囊圆角 */
  --max:1160px;
  --pad:clamp(20px,4.4vw,32px);
  --sec:clamp(76px,8.4vw,120px);
  --nav-h:72px;

  /* --- 字体 --- */
  --ff:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",
       "PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC",
       "Microsoft YaHei","Hiragino Sans GB",Arial,sans-serif;
  --ff-m:ui-monospace,"SF Mono","JetBrains Mono","Menlo","Consolas",
         "PingFang SC","Microsoft YaHei",monospace;

  /* --- 缓动 --- */
  --e:cubic-bezier(.22,.61,.24,1);
  --e-o:cubic-bezier(.16,1,.3,1);

  /* --- 阴影 --- */
  --sh-1:0 1px 2px rgba(28,28,28,.05);
  --sh-2:0 4px 14px rgba(28,28,28,.07);
  --sh-ui:0 1px 3px rgba(28,28,28,.07),0 18px 44px -20px rgba(28,28,28,.22);
}