/* ============================================================
   WeFlow · Design Tokens（阶段 1 · Design System）
   用户端与商家后台共用同一套设计变量
   ============================================================ */
:root {
  /* ---- 品牌色（teal，克制而有质感） ---- */
  --wf-brand: #0F766E;
  --wf-brand-600: #0D9488;
  --wf-brand-800: #115E59;
  --wf-brand-900: #134E4A;
  --wf-brand-50: #F0FDFA;
  --wf-brand-100: #CCFBF1;
  --wf-brand-200: #99F6E4;
  --wf-wechat: #07C160;

  /* ---- 强调色 ---- */
  --wf-accent: #F59E0B;
  --wf-accent-deep: #B45309;
  --wf-accent-50: #FEF3C7;

  /* ---- 中性色 ---- */
  --wf-ink: #0F172A;
  --wf-text: #1E293B;
  --wf-text-2: #64748B;
  --wf-text-3: #94A3B8;
  --wf-line: #E2E8F0;
  --wf-line-2: #EEF2F5;
  --wf-bg: #F5F6F8;
  --wf-bg-2: #F8FAFC;
  --wf-card: #FFFFFF;

  /* ---- 语义色 ---- */
  --wf-price: #EF4444;
  --wf-success: #16A34A;
  --wf-success-50: #DCFCE7;
  --wf-warning: #D97706;
  --wf-warning-50: #FEF3C7;
  --wf-danger: #DC2626;
  --wf-danger-50: #FEE2E2;
  --wf-info: #2563EB;
  --wf-info-50: #DBEAFE;
  --wf-purple: #7C3AED;
  --wf-purple-50: #EDE9FE;

  /* ---- 会员等级色 ---- */
  --lv-normal-1: #64748B;  --lv-normal-2: #475569;
  --lv-silver-1: #94A3B8;  --lv-silver-2: #64748B;
  --lv-gold-1: #F59E0B;    --lv-gold-2: #B45309;
  --lv-diamond-1: #4F46E5; --lv-diamond-2: #7C3AED;

  /* ---- 圆角 ---- */
  --wf-r-sm: 8px;
  --wf-r: 12px;
  --wf-r-lg: 16px;
  --wf-r-xl: 20px;

  /* ---- 阴影 ---- */
  --wf-shadow-1: 0 1px 3px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .03);
  --wf-shadow-2: 0 10px 30px rgba(15, 23, 42, .12);
  --wf-shadow-brand: 0 6px 16px rgba(15, 118, 110, .28);

  /* ---- 字体 ---- */
  --wf-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* ---- 层级 ---- */
  --wf-z-header: 40;
  --wf-z-fab: 44;
  --wf-z-tab: 45;
  --wf-z-bottom: 46;
  --wf-z-layer: 70;
  --wf-z-toast: 90;

  /* ---- 动效 ---- */
  --wf-dur: .22s;
  --wf-ease: cubic-bezier(.32, .72, .34, 1);

  /* ---- 安全区 ---- */
  --wf-safe-b: env(safe-area-inset-bottom, 0px);
}