/* ============================================================
   zamyuauto.com 设计令牌（Design Tokens）  v20261018c
   ------------------------------------------------------------
   定位：全站变量真源。必须在 style.css 之前加载（18 个页面统一在
   <meta charset> 之后插入本文件链接），确保变量最先定义。

   组成：
     1) 规范令牌：--c-* 品牌/金色/文字/分隔/面/状态；--r-* 圆角；
        --sh-* 阴影；--sp-* 间距（新增命名，现有 CSS 尚未使用）。
     2) 兼容别名：把历史变量名全部 var() 指向规范令牌。历史变量在
        各页内联样式 / style.css 中的同名定义仍然生效（它们在本文件
        之后加载），因此本文件对现有页面零覆盖、零破坏。

   取值来源（不编色）：
     · /opt/autoexport/public/assets/css/{style.css, responsive-fix.css,
       about-map.css} 的 :root 定义
     · 18 个页面内联 <style> 中的自定义属性定义
     同一语义取出现次数最多的真实值；同语义不同值的冲突未强行合并，
     差异用扩展令牌（--c-brand-2 / --c-gold-* / --c-line-soft …）承载，
     冲突清单见交付报告。
   ============================================================ */
:root{
  /* ---------- 品牌色阶 ---------- */
  --c-brand:#062750;           /* 站点主色：历史 --navy/--blue（#062750，style.css + 3 页一致） */
  --c-brand-deep:#041A33;      /* 最深品牌色：style.css --navy900/--navy2（页面级 #031a35 见冲突） */
  --c-brand-soft:#EEF4FA;      /* 浅品牌底：style.css `.hero` 原浅蓝底 #eef4fa */
  /* 扩展：页面级“主色”家族（历史 --primary / --primary-light，6 页一致） */
  --c-brand-2:#1A2B4A;
  --c-brand-2-light:#2D3F5F;

  /* ---------- 金色 ---------- */
  --c-gold:#E8A838;            /* 历史 --accent 多数值（6/7 页）；style.css --gold=#E5B23B 见冲突 */
  --c-gold-deep:#B8860B;       /* 历史 --accent-deep（2 页）；style.css --gold-deep=#8F6B14 见冲突 */
  --c-gold-hover:#C68520;      /* 历史 --accent-hover（6 页） */
  --c-gold-light:rgba(232,168,56,.12); /* 历史 --accent-light（2 页） */
  --c-cyan:#2FD4C6;            /* style.css --cyan */

  /* ---------- 文字 ---------- */
  --c-ink:#1A2B4A;             /* 历史 --text 多数值（6 页）；style.css --ink=#0D213A 见冲突 */
  --c-ink-2:#6B7280;           /* 历史 --text2 多数值（6 页）；style.css --muted=#617087 见冲突 */
  --c-ink-3:#9CA3AF;           /* 历史 --text3（2 页） */

  /* ---------- 分隔 ---------- */
  --c-line:#E2E4E9;            /* 历史 --border 多数值（6 页）；style.css --line=#DDE5EF 见冲突 */
  --c-line-soft:#F0F1F3;       /* 历史 --border-light（2 页） */

  /* ---------- 面 / 背景 ---------- */
  --c-surface:#FFFFFF;         /* 卡片面（历史 --surface 6 页、--bg2 6 页均为 #FFFFFF） */
  --c-bg:#F5F7FA;              /* 页面底色（历史 --bg 6 页一致） */
  --c-bg-2:#F6F4EF;            /* 暖纸色（style.css --paper/--soft） */
  --c-white:#FFFFFF;           /* style.css --white */

  /* ---------- 状态 ---------- */
  --c-success:#10B981;         /* 历史 --success（6 页一致） */
  --c-success-light:rgba(16,185,129,.10); /* 历史 --success-light（vehicle 页） */
  --c-warning:#F59E0B;         /* 历史 --warning（2 页） */
  --c-danger:#E53935;          /* 历史 --danger（3 页一致） */
  --c-danger-hover:#C62828;    /* 历史 --danger-hover（2 页） */

  /* ---------- 圆角 ---------- */
  --r-sm:6px;                  /* 与 style.css 同值 */
  --r-md:10px;                 /* 与 style.css 同值 */
  --r-lg:20px;                 /* 取自页面中实际使用的大圆角 20px（vehicle/market/dealer） */
  --c-pill:999px;              /* 原 --r-pill */

  /* ---------- 阴影 ---------- */
  --sh-sm:0 2px 8px rgba(8,35,65,.06);     /* 与 style.css 同值 */
  --sh-md:0 4px 16px rgba(26,43,74,.08);   /* 历史 --shadow-md 值；style.css 原为 var(--sh-md) 自引用 bug，由 responsive-fix.css 末尾兜底 */
  --sh-lg:0 18px 40px rgba(8,35,65,.18);   /* 与 style.css 同值 */

  /* ---------- 间距（4px 倍数，取自现有页面高频 padding/gap） ---------- */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;

  /* ==========================================================
     兼容别名：历史变量名 → 规范令牌
     （未列入别名的 --r-sm/--r-md/--sh-sm/--sh-md/--sh-lg 与规范
       令牌同名，直接由上面的定义提供，无需自引用别名）
     ========================================================== */
  --navy:var(--c-brand);
  --navy900:var(--c-brand-deep);
  --navy2:var(--c-brand-deep);
  --blue:var(--c-brand);
  --primary:var(--c-brand-2);
  --primary-light:var(--c-brand-2-light);
  --gold:var(--c-gold);
  --gold-deep:var(--c-gold-deep);
  --cyan:var(--c-cyan);
  --accent:var(--c-gold);
  --accent-deep:var(--c-gold-deep);
  --accent-hover:var(--c-gold-hover);
  --accent-light:var(--c-gold-light);
  --ink:var(--c-ink);
  --text:var(--c-ink);
  --text2:var(--c-ink-2);
  --text3:var(--c-ink-3);
  --muted:var(--c-ink-2);
  --line:var(--c-line);
  --border:var(--c-line);
  --border-light:var(--c-line-soft);
  --surface:var(--c-surface);
  --surface2:var(--c-bg);
  --bg:var(--c-bg);
  --bg2:var(--c-surface);
  --paper:var(--c-bg-2);
  --soft:var(--c-bg-2);
  --white:var(--c-white);
  --success:var(--c-success);
  --success-light:var(--c-success-light);
  --warning:var(--c-warning);
  --danger:var(--c-danger);
  --danger-hover:var(--c-danger-hover);
  --shadow-sm:var(--sh-sm);
  --shadow-md:var(--sh-md);
  --shadow-lg:var(--sh-lg);
  --r-pill:var(--c-pill);
}
