/* ============================================================
   跨境电商管理中心 · v2 主题 token（UI 设计规范 V4「仪表盘式克制」）
   - 深色 = 中性灰黑（Apple Dark，无蓝调）；浅色 = Apple 灰白
   - 交互零色相：--brand 为无彩高对比（深=白/浅=黑），配 --on-brand 反色文字
   - 颜色只表达提醒：--success 健康徽章 / --warn 关注 / --danger 负值与紧急
   - token 名与旧版完全一致（仅换值），26 页零改动换肤
   ============================================================ */
:root {
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;
  --fs-xs: 11px; --fs-sm: 12px; --fs-md: 13px; --fs-lg: 15px;
  --fs-xl: 18px; --fs-2xl: 24px; --fs-3xl: 30px;
  --radius: 12px; --radius-sm: 7px;

  --nav-w: 206px; --nav-w-collapsed: 58px; --topbar-h: 54px; --drawer-w: 372px;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
}


:root[data-theme="dark"] {
  --bg: #161617; --bg-soft: #1A1A1C; --surface: #1C1C1E;
  --surface-2: #19191B; --surface-hover: #232326;
  --border: #38383A; --border-soft: #2C2C2E;
  --text: #F5F5F7; --text-2: #98989D; --text-3: #6E6E73;
  --nav-bg: #1A1A1C; --nav-active: #3A3A3C; --nav-hover: rgba(255, 255, 255, .05);
  --shadow: 0 1px 3px rgba(0, 0, 0, .4);
  --th-bg: #19191B; --row-stripe: rgba(255, 255, 255, .02);
  --bubble-ai: #232326; --bubble-user: #3A3A3C;

  /* 交互零色相：无彩高对比 */
  --brand: #F5F5F7; --brand-weak: rgba(255, 255, 255, .10); --on-brand: #1D1D1F;
  --ai: #98989D; --ai-weak: rgba(255, 255, 255, .08);
  /* 提醒三色（Apple Dark 系统色）—— 一屏之内唯一允许的颜色 */
  --success: #30D158; --warn: #FF9F0A; --danger: #FF453A;
  --info: #98989D; --purple: #98989D;
}

:root[data-theme="light"] {
  --bg: #F5F5F7; --bg-soft: #FAFAFC; --surface: #FFFFFF;
  --surface-2: #FBFBFD; --surface-hover: #F2F2F7;
  --border: #E2E2E7; --border-soft: #ECECF1;
  --text: #1D1D1F; --text-2: #6E6E73; --text-3: #98989D;
  --nav-bg: #FFFFFF; --nav-active: #E8E8ED; --nav-hover: rgba(0, 0, 0, .04);
  --shadow: 0 1px 3px rgba(0, 0, 0, .07), 0 8px 24px rgba(0, 0, 0, .05);
  --th-bg: #FAFAFC; --row-stripe: rgba(0, 0, 0, .015);
  --bubble-ai: #F2F2F7; --bubble-user: #E8E8ED;

  --brand: #1D1D1F; --brand-weak: rgba(0, 0, 0, .07); --on-brand: #FFFFFF;
  --ai: #6E6E73; --ai-weak: rgba(0, 0, 0, .06);
  /* 提醒三色（Apple Light 系统色） */
  --success: #34C759; --warn: #FF9500; --danger: #FF3B30;
  --info: #6E6E73; --purple: #6E6E73;
}