/* ============================================================
 * tokens.css — 设计变量
 * 取自旧主题 theme.css 的色板，保持视觉连续性
 * ============================================================ */
:root {
  /* 主色 */
  --c-primary:        #7669fd;
  --c-primary-light:  #8a6eff;
  --c-primary-lighter:#9482fe;
  --c-primary-soft:   #a9a1fd;
  --c-primary-grad:   linear-gradient(45deg, #7669fd, #936dff);

  /* 辅助色 */
  --c-accent:   #ea5514;   /* 金额/强调 */
  --c-gold:     #b5a483;
  --c-success:  #16a34a;
  --c-warning:  #f59e0b;
  --c-danger:   #ef4444;
  --c-info:     #3b82f6;

  /* 中性色 */
  --c-text:     #1f2430;
  --c-text-2:   #5a6273;
  --c-text-3:   #9aa1b1;
  --c-border:   #ebedf2;
  --c-bg:       #f2f4f8;
  --c-surface:  #ffffff;

  /* 圆角 */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 999px;

  /* 间距 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* 字号 */
  --fs-xs: 10px;
  --fs-sm: 12px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;

  /* 阴影 */
  --sd-1: 0 1px 3px rgba(31,36,48,.06);
  --sd-2: 0 4px 16px rgba(31,36,48,.08);
  --sd-nav: 0 -2px 12px rgba(31,36,48,.08);

  /* 尺寸 */
  --nav-h: 54px;
  --safe-b: env(safe-area-inset-bottom, 0px);

  /* 动效 */
  --ease: cubic-bezier(.4,0,.2,1);
  --dur: .2s;
}