/* tokens.css — 设计令牌：从「机器学习」提取的关键词 → 决策边界(靛蓝) / 收敛(生长绿) / 数据矩阵(网格纹理) / 暖纸底 */
:root, [data-theme="light"] {
  --bg: #f6f4ee;
  --surface: #fffdf8;
  --surface-2: #f0ede4;
  --fg: #24262d;
  --fg-soft: #565a66;
  --line: #ddd8ca;
  --primary: #4b46b8;
  --primary-contrast: #ffffff;
  --accent: #1e7a4e;
  --highlight: #a34e14;
  --code-bg: #201f26;
  --code-fg: #e8e6df;
  --shadow: 0 1px 2px rgba(36, 38, 45, .06), 0 6px 18px rgba(36, 38, 45, .07);
  --radius: 10px;
  --motion: 160ms ease;
  --mod-01: #4b46b8; /* 基础与框架 */
  --mod-02: #1f66ad; /* 线性模型 */
  --mod-03: #1e7a4e; /* 树与集成 */
  --mod-04: #8a5a06; /* SVM */
  --mod-05: #6d3fae; /* 无监督 */
  --mod-06: #b03a6b; /* 评估 */
  --mod-07: #0e6f6b; /* 特征与实践 */
  --grid: rgba(75, 70, 184, .07);
}
[data-theme="dark"] {
  --bg: #14161d;
  --surface: #1b1e27;
  --surface-2: #222633;
  --fg: #e9e7e1;
  --fg-soft: #a7abb8;
  --line: #333848;
  --primary: #a09aff;
  --primary-contrast: #171826;
  --accent: #63c795;
  --highlight: #e5a45f;
  --code-bg: #101218;
  --code-fg: #e2e1da;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
  --mod-01: #9d98ff;
  --mod-02: #6fb0f2;
  --mod-03: #5fcb96;
  --mod-04: #e0ac4a;
  --mod-05: #bd8df4;
  --mod-06: #ef7fa8;
  --mod-07: #4fc6bf;
  --grid: rgba(160, 154, 255, .08);
}
:root {
  --font-body: -apple-system, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}
.mod-01 { --mod: var(--mod-01); } .mod-02 { --mod: var(--mod-02); }
.mod-03 { --mod: var(--mod-03); } .mod-04 { --mod: var(--mod-04); }
.mod-05 { --mod: var(--mod-05); } .mod-06 { --mod: var(--mod-06); }
.mod-07 { --mod: var(--mod-07); }