/**
 * xms-theme-dual.css · 学目思产品界面双色 Token（权威）
 * 文档：docs/DESIGN_LANGUAGE.md（Owner 2026-08-19 锁定）
 *
 * 用法：
 *   <html data-theme="light"> 或 data-theme="dark"
 *   <link rel="stylesheet" href="css/xms-theme-dual.css">
 *
 * 亮色对齐粉金品牌；暗色为 Mercury 原色紫蓝 chrome。
 * 禁止在业务 CSS 里另起第三套主色。
 */
[data-theme="light"],
:root:not([data-theme="dark"]) {
  --xm-theme: light;
  --bg: #f7f4f1;
  --side: #ffffff;
  --panel: #fffefb;
  --card: #ffffff;
  --ink: #1c1917;
  --mute: #78716c;
  --dim: #a8a29e;
  --line: #ebe6e0;
  --accent: #ec4899;
  --accent-2: #db2777;
  --gold: #f59e0b;
  --soft: #fdf2f8;
  --search: #f5f0eb;
  --pill: #ffffff;
  --ok: #059669;
  --warn: #dc2626;
  --badge: #ec4899;
  --chart: #ec4899;
  --shadow: 0 4px 14px rgba(28, 25, 23, 0.07);
  --primary-btn: linear-gradient(135deg, #ec4899, #f59e0b);
  --primary-shadow: 0 6px 16px rgba(236, 72, 153, 0.28);
  --font-ui: "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --radius-card: 16px;
  --radius-ctrl: 12px;
  --radius-pill: 999px;
  --side-width: 220px;
  --bar-height: 56px;
}

[data-theme="dark"] {
  --xm-theme: dark;
  --bg: #121218;
  --side: #16171f;
  --panel: #1a1b23;
  --card: #1e1f28;
  --ink: #f4f4f5;
  --mute: #9ca3af;
  --dim: #6b7280;
  --line: #2a2b36;
  --accent: #7b89f4;
  --accent-2: #9aa5f8;
  --gold: #a78bfa;
  --soft: rgba(123, 137, 244, 0.14);
  --search: #22232e;
  --pill: #22232e;
  --ok: #34d399;
  --warn: #fb7185;
  --badge: #f472b6;
  --chart: #7b89f4;
  --shadow: none;
  --primary-btn: #7b89f4;
  --primary-shadow: 0 6px 16px rgba(123, 137, 244, 0.35);
  --font-ui: "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --radius-card: 16px;
  --radius-ctrl: 12px;
  --radius-pill: 999px;
  --side-width: 220px;
  --bar-height: 56px;
}