/* ==========================================================================
   海外市场开发台 — 设计 Token V2
   --------------------------------------------------------------------------
   V1 的问题（诊断结论）：
     1. 12px 与 13px 各用了 34 次 → 正文与辅助文字只差 1px，层级拉不开
     2. 行高全是 16/18/20 三档 → 都是紧贴字号的死行高，中文正文偏挤
     3. 11px / 10px 仍在使用 → 中文界面里几乎不可读
     4. 只有 1 档阴影 → 所有卡片同样"轻"，没有主次

   V2 的解法：
     · 字号收成 6 档，每档差 2px 以上，层级一眼可辨
     · 行高按字号绑定（ratio），不再逐处手写死值
     · 最低字号提到 12px
     · 阴影分三级：微浮（标签）/ 卡片 / 浮层
   ========================================================================== */

:root {
  /* ---------- 主色 ---------- */
  --primary: #635BFF;
  --primary-ink: #4B44C9;
  --primary-press: #554EE0;
  --primary-soft: rgba(99, 91, 255, .10);
  --primary-soft-2: #F2F1FE;

  /* ---------- 语义色 ----------
     只在「状态」上说话：增长用绿、待办用琥珀、锁定/危险用红。
     导航、正文、图表一律不用彩色。 */
  --success: #00B368;
  --success-deep: #046647;
  --success-bg: #E6FAF2;

  --warning: #F0A010;
  --warning-deep: #B45309;
  --warning-bg: #FEF6E7;

  --danger: #E03131;
  --danger-deep: #C0392B;
  --danger-bg: #FDECEC;

  --info: #1C7ED6;
  --info-deep: #15599E;
  --info-bg: #E7F2FC;

  /* ---------- 层级底色 ----------
     白 → 浅紫灰 → 淡紫，三层台阶产生纵深，不靠阴影堆。 */
  --bg-page: #F7F8FC;
  --bg-surface: #FFFFFF;
  --bg-sunken: #F2F4F8;
  --bg-subtle: #FAFBFD;
  --bg-muted: #EFF1F5;
  --bg-thead: #F8F9FC;
  --bg-row-alt: #FBFBFD;
  --bg-bar-track: #E8EBF0;
  --bg-hover: #F4F5FA;

  /* ---------- 文本 ----------
     六档，从标题到最弱提示。最小 12px。 */
  --text-1: #0A2540;   /* 标题 / 关键数字 */
  --text-2: #34435A;   /* 正文 */
  --text-3: #697386;   /* 次要说明 */
  --text-4: #8792A2;   /* 弱提示 / 占位 */
  --text-5: #A8B1BE;   /* 最弱 / 分隔说明 */
  --text-invert: #FFFFFF;

  /* ---------- 描边 ---------- */
  --stroke-subtle: #EAECF0;
  --stroke-default: #E3E6EB;
  --stroke-strong: #D3D8E0;

  /* ---------- 圆角 ---------- */
  --r-card: 12px;
  --r-btn: 8px;
  --r-chip: 6px;
  --r-pill: 20px;
  --r-modal: 16px;
  --r-input: 8px;

  /* ---------- 阴影三级 ---------- */
  --sh-xs: 0 1px 2px rgba(10, 37, 64, .05);
  --sh-card: 0 1px 2px rgba(10, 37, 64, .04),
             0 4px 12px -4px rgba(10, 37, 64, .08);
  --sh-raised: 0 2px 4px -2px rgba(10, 37, 64, .08),
               0 12px 28px -8px rgba(10, 37, 64, .12);
  --sh-modal: 0 8px 20px -6px rgba(10, 37, 64, .16),
              0 30px 60px -20px rgba(10, 37, 64, .22);
  --sh-focus: 0 0 0 3px rgba(99, 91, 255, .16);

  /* ---------- 字体 ---------- */
  --font-cn: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Microsoft YaHei UI", sans-serif;
  --font-num: "Inter", "Helvetica Neue", -apple-system, Arial, sans-serif;
  --font-mono: "Roboto Mono", "SF Mono", Consolas, monospace;

  /* ---------- 字号 6 档 + 绑定行高 ----------
     ratio 固定，不再逐处写死值。 */
  --fs-display: 32px;   --lh-display: 40px;   --ls-display: -0.5px;  /* KPI 数字 */
  --fs-h1:      28px;   --lh-h1:      36px;   --ls-h1:      -0.3px;  /* 页面标题 */
  --fs-h2:      20px;   --lh-h2:      28px;   --ls-h2:      -0.2px;  /* 区块标题 */
  --fs-h3:      16px;   --lh-h3:      24px;   --ls-h3:      0;       /* 卡片标题 */
  --fs-body:    14px;   --lh-body:    22px;   --ls-body:    0;       /* 正文 */
  --fs-sm:      13px;   --lh-sm:      20px;   --ls-sm:      0;       /* 次要 */
  --fs-xs:      12px;   --lh-xs:      18px;   --ls-xs:      0;       /* 最小 */

  /* ---------- 尺寸 ---------- */
  --w-sidebar: 256px;
  --h-topbar: 64px;
  --w-sidecol: 300px;
  --w-drawer: 640px;
  --h-thead: 44px;
  --h-trow: 64px;
  --h-control: 38px;

  /* ---------- 间距（4px 基准） ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;

  /* 语义别名（与上面的原始 token 同源） */
  --violet: var(--primary);
  --violet-dk: var(--primary-ink);
  --violet-bg: var(--primary-soft-2);
  --green: var(--success);
  --green-dk: var(--success-deep);
  --green-bg: var(--success-bg);
  --amber: var(--warning);
  --amber-dk: var(--warning-deep);
  --amber-bg: var(--warning-bg);
  --red: var(--danger);
  --red-dk: var(--danger-deep);
  --red-bg: var(--danger-bg);
  --text: var(--text-1);
  --text-sub: var(--text-2);
  --text-weak: var(--text-4);
  --line: var(--stroke-subtle);

  /* 旧名兼容（pages.css / modules.css 仍在用） */
  --s-1: 2px;  --s-2: 4px;  --s-3: 6px;  --s-4: 8px;   --s-5: 10px;
  --s-6: 12px; --s-7: 14px; --s-8: 16px; --s-9: 20px;  --s-10: 24px;
  --s-11: 32px;
  --r-pill-lg: 20px;
  --w-canvas: 1440px;
  --h-canvas: 900px;
  --sh-float: var(--sh-raised);
  --stroke-focus: #B6BCC8;
  --bg-danger-bg-2: #FEF5F5;
  --r-chip-legacy: 4px;
  --bg-teal-weak: var(--success-bg);
  --bg-amber-weak: var(--warning-bg);
  --bg-red-weak: var(--danger-bg);
  --bg-violet-weak: var(--primary-soft-2);
  --bg-violet-weak-2: #F8F7FF;
}