/* design tokens — 主题从 TOPIC 提取：对话感(indigo 主色) / 结构感(teal 辅色) / 纸面工作台(暖白纸) */
:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-serif: "Songti SC", "Noto Serif SC", Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "JetBrains Mono", monospace;

  --bg: #f7f6f2;
  --surface: #ffffff;
  --surface-2: #f0efe9;
  --text: #1f2430;
  --muted: #566071;
  --border: #e2e0d8;

  --primary: #4338ca;
  --primary-strong: #3730a3;
  --primary-soft: #eef0ff;
  --accent: #0f766e;
  --accent-soft: #e4f4f1;
  --danger: #b42318;

  --btn-bg: #4338ca;
  --btn-fg: #ffffff;
  --btn-ghost-border: #c9c6bb;

  --lvl-1: #15803d; --lvl-1-soft: #e5f5ea;
  --lvl-2: #4338ca; --lvl-2-soft: #eef0ff;
  --lvl-3: #b45309; --lvl-3-soft: #fdf0e0;
  --lvl-4: #be185d; --lvl-4-soft: #fdeaf3;

  --code-bg: #f0efe9; --code-text: #232836;
  --tok-str: #0f766e; --tok-com: #8a8f98; --tok-kw: #6d28d9; --tok-num: #b45309;

  --r-s: 6px; --r-m: 10px; --r-l: 16px;
  --shadow-1: 0 1px 2px rgba(23, 26, 36, 0.06);
  --shadow-2: 0 10px 30px rgba(23, 26, 36, 0.10);
  --t-fast: 140ms ease-out;
  --t-med: 240ms cubic-bezier(0.2, 0.7, 0.3, 1);
}
[data-theme="dark"] {
  --bg: #0f1219;
  --surface: #171b26;
  --surface-2: #1d2230;
  --text: #e8eaf2;
  --muted: #9aa3b6;
  --border: #2a3040;

  --primary: #a5b4fc;
  --primary-strong: #c7d2fe;
  --primary-soft: #232a44;
  --accent: #5eead4;
  --accent-soft: #133030;
  --danger: #fda29b;

  --btn-bg: #4f46e5;
  --btn-fg: #ffffff;
  --btn-ghost-border: #3a4256;

  --lvl-1: #4ade80; --lvl-1-soft: #14351f;
  --lvl-2: #a5b4fc; --lvl-2-soft: #232a44;
  --lvl-3: #fbbf24; --lvl-3-soft: #382a10;
  --lvl-4: #f472b6; --lvl-4-soft: #3c1a2c;

  --code-bg: #0c0f16; --code-text: #e6e9f2;
  --tok-str: #5eead4; --tok-com: #6b7280; --tok-kw: #c4b5fd; --tok-num: #fbbf24;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 10px 30px rgba(0, 0, 0, 0.5);
}
/* 模块色相（各模块细微差异，整体统一） */
.mod-0 { --mod: #6366f1; } .mod-1 { --mod: #0ea5a0; } .mod-2 { --mod: #d97706; }
.mod-3 { --mod: #db2777; } .mod-4 { --mod: #7c3aed; } .mod-5 { --mod: #0565b3; }
.mod-6 { --mod: #65a30d; }
[data-theme="dark"] .mod-0 { --mod: #818cf8; } [data-theme="dark"] .mod-1 { --mod: #2dd4bf; }
[data-theme="dark"] .mod-2 { --mod: #f59e0b; } [data-theme="dark"] .mod-3 { --mod: #f472b6; }
[data-theme="dark"] .mod-4 { --mod: #a78bfa; } [data-theme="dark"] .mod-5 { --mod: #38bdf8; }
[data-theme="dark"] .mod-6 { --mod: #a3e635; }