/* 设计令牌（唯一来源）
 *
 * 这里是全站配色的唯一定义处：主站 src/index.html、知识单元页面都只引入本文件，
 * 不得在页面里重复定义色板。改动颜色只改这里。
 *
 * 分两层：
 *   1) 原始令牌：主站原有变量名（--bg/--panel/--ink/...），保持既有页面不受影响。
 *   2) 语义令牌：--color-* 描述用途。新组件（知识播放器、互动模块）只允许使用语义令牌，
 *      不得再自建一套品牌色。
 *
 * 主题通过 <html data-theme="dark|light"> 切换，默认深色。
 */

:root {
  color-scheme: dark;

  /* ---- 原始令牌（深色） ---- */
  --bg: #090d0b;
  --panel: #121915;
  --raised: #1a231e;
  --hover: #222e26;
  --ink: #f1f7f2;
  --muted: #9aaca0;
  --line: #ffffff12;
  --green: #38e887;
  --accent: #38e887;
  --soft: #38e88715;
  --shadow: 0 25px 60px #0004;

  /* ---- 语义令牌（深色） ---- */
  --color-page-bg: var(--bg);
  --color-surface: var(--panel);
  --color-surface-elevated: var(--raised);
  --color-panel: var(--hover);
  --color-text: var(--ink);
  --color-text-muted: var(--muted);
  --color-accent: var(--accent);
  --color-accent-soft: var(--soft);
  --color-success: #38e887;
  --color-success-soft: #38e8871f;
  --color-error: #ff6f7f;
  --color-error-soft: #ff6f7f1f;
  --color-warning: #ffd166;
  --color-warning-soft: #ffd1661f;
  --color-border: var(--line);
  --color-shadow: var(--shadow);
  --color-focus: var(--accent);
}

[data-theme=light] {
  color-scheme: light;

  /* ---- 原始令牌（浅色） ---- */
  --bg: #eaf0eb;
  --panel: #ffffff;
  --raised: #f1f6f2;
  --hover: #e3ece5;
  --ink: #14251a;
  --muted: #617768;
  --line: #14251a15;
  --accent: #087d40;
  --soft: #16a75d14;
  --shadow: 0 20px 60px #1639240d;

  /* ---- 语义令牌（浅色） ----
     语义色在浅色下必须满足正文对比度，因此比深色更深，不能直接沿用深色的亮色值。 */
  --color-page-bg: var(--bg);
  --color-surface: var(--panel);
  --color-surface-elevated: var(--raised);
  --color-panel: var(--hover);
  --color-text: var(--ink);
  --color-text-muted: var(--muted);
  --color-accent: var(--accent);
  --color-accent-soft: var(--soft);
  --color-success: #0b7a41;
  --color-success-soft: #16a75d1a;
  --color-error: #c02b46;
  --color-error-soft: #c02b461a;
  --color-warning: #8a5a00;
  --color-warning-soft: #b8860b1f;
  --color-border: var(--line);
  --color-shadow: var(--shadow);
  --color-focus: var(--accent);
}

/* 全站共用的字体、圆角、间距与动画节奏（知识单元必须复用，不得自建一套）。 */
:root {
  --font-sans: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --radius-sm: 11px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-pill: 30px;
  --space-xs: 8px;
  --space-sm: 14px;
  --space-md: 20px;
  --space-lg: 28px;
  --motion-fast: .2s;
  --motion-base: .35s;
}