/* ============================================================================
   握法网 v2.1 · 设计令牌（生产版）
   ----------------------------------------------------------------------------
   来源：docs/design/assets/proto.css（原型唯一真值源）同值转换。
   隔离策略（docs/13 §1.5）：本文件【只定义 CSS 变量，零元素选择器】，
   对旧页面（style.css 时代）零影响；新页面一律用 --wf-* 变量。
   与 uniapp/src/styles/variables.scss 同源——改色值需三处同步：
   本文件 / proto.css / variables.scss。
   版本：随 Yii::$app->params['JS_CSS_VERSION'] 走（AppAsset 挂载）。
   ========================================================================== */

:root {
  /* ---- 品牌色阶 ---- */
  --wf-brand-900: #0B2249;
  --wf-brand-800: #12315F;
  --wf-brand-700: #1B4079;  /* 主色 */
  --wf-brand-600: #26548F;
  --wf-brand-500: #3A6FB5;
  --wf-brand-100: #E8EFF9;
  --wf-brand-50:  #F4F8FD;

  /* ---- 辅助金 ---- */
  --wf-gold:      #C39A54;
  --wf-gold-soft: #EFE0C2;
  --wf-gold-bg:   #FBF6EC;

  /* ---- 转化橙：全站唯一，只用于「提交法律问题 / 立即咨询」 ---- */
  --wf-cta:   #E4572E;
  --wf-cta-h: #C9481F;

  /* ---- 状态色 ---- */
  --wf-ok:     #1F9D74;
  --wf-warn:   #D99A16;
  --wf-danger: #D3452B;

  /* ---- 中性色 ---- */
  --wf-ink1:  #16202E;
  --wf-ink2:  #4A586D;
  --wf-ink3:  #8B97A9;
  --wf-line:  #E5EAF2;
  --wf-bg:    #F5F7FB;
  --wf-white: #FFFFFF;

  /* ---- 圆角 ---- */
  --wf-r-s: 8px;
  --wf-r-m: 12px;
  --wf-r-l: 18px;
  --wf-r-pill: 999px;

  /* ---- 阴影 ---- */
  --wf-sh1: 0 1px 2px rgba(18, 49, 95, .05), 0 4px 12px rgba(18, 49, 95, .06);
  --wf-sh2: 0 2px 6px rgba(18, 49, 95, .06), 0 16px 40px rgba(18, 49, 95, .10);

  /* ---- 字体 ---- */
  --wf-font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui,
             -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* ---- 间距（与 uniapp 令牌同刻度）---- */
  --wf-sp-1: 8px;
  --wf-sp-2: 12px;
  --wf-sp-3: 16px;
  --wf-sp-4: 20px;
  --wf-sp-5: 24px;
  --wf-sp-6: 32px;
  --wf-sp-7: 40px;
  --wf-sp-8: 48px;

  /* ---- 字号 ---- */
  --wf-fs-xs: 12px;
  --wf-fs-sm: 13px;
  --wf-fs-base: 14px;
  --wf-fs-md: 15px;
  --wf-fs-lg: 16px;
  --wf-fs-xl: 18px;
  --wf-fs-2xl: 20px;
  --wf-fs-h1: 27px;
}