/**
 * WB 采集台全站主题 token。
 * 使用规则：
 *   1) 任何 CSS/HTML 颜色/圆角/阴影/间距/过渡优先使用 var(--wb-*)。
 *   2) 业务页 CSS 不再写死色值（如 #6f42c1 / #7b61ff），统一引用这里的变量。
 *   3) 本文件必须在业务 CSS 之前加载，保证 :root 变量先就位。
 */
:root {
  /* ---- 主色（紫色） ---- */
  --wb-purple: #7b61ff;
  --wb-purple-hover: #6848e8;
  --wb-purple-dark: #5b2ea6;
  --wb-purple-gradient-from: #8b6dff;
  --wb-purple-gradient-to: #6848e8;
  --wb-purple-soft: rgba(123, 97, 255, 0.08);
  --wb-purple-light: #f3f0ff;

  /* ---- 中性色 ---- */
  --wb-text-primary: #1f2430;
  --wb-text-secondary: #5b6172;
  --wb-text-muted: #8b92a3;
  --wb-bg-app: #f7f5fb;
  --wb-bg-card: #ffffff;
  --wb-bg-subtle: #fafaff;
  --wb-border-color: #e4e0ed;
  --wb-border-strong: #d5cfe3;

  /* ---- 状态色 ---- */
  --wb-success: #19a974;
  --wb-warning: #f59f00;
  --wb-danger: #e03131;
  --wb-info: #4dadf7;

  /* ---- 圆角 ---- */
  --wb-radius-sm: 4px;
  --wb-radius: 8px;
  --wb-radius-lg: 12px;
  --wb-radius-pill: 999px;

  /* ---- 阴影 ---- */
  --wb-shadow-sm: 0 1px 3px rgba(111, 66, 193, 0.06);
  --wb-shadow-md: 0 2px 8px rgba(111, 66, 193, 0.1);
  --wb-shadow-lg: 0 8px 24px rgba(111, 66, 193, 0.14);

  /* ---- 动效 ---- */
  --wb-transition: 0.2s ease;
  --wb-transition-slow: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* ---- 间距（预留，逐步推广到业务 CSS） ---- */
  --wb-space-1: 4px;
  --wb-space-2: 8px;
  --wb-space-3: 12px;
  --wb-space-4: 16px;
  --wb-space-5: 24px;
  --wb-space-6: 32px;
}