/* =========================================================
   xue · design tokens (学生学习系统共享设计令牌)
   规则：学科模块只允许消费令牌，禁止硬编码颜色/字号/间距。
   主题：跟随系统 + html[data-theme="light|dark"] 强制覆盖。
   ========================================================= */

:root {
  /* ---- 版面 ---- */
  --xue-measure-reading: 42rem;   /* 课文阅读列宽（CJK 舒适行长） */
  --xue-measure-wide: 72rem;      /* 地图/看板容器宽 */
  --xue-topbar-h: 3.25rem;

  /* ---- 字体 ---- */
  --xue-font-body: -apple-system, "PingFang SC", "Noto Sans CJK SC",
                   "Source Han Sans SC", "Microsoft YaHei", sans-serif;
  --xue-font-serif: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", serif;
  --xue-font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* 字阶（阅读优先，正文≥16px；课文正文更大） */
  --xue-fs-xs: 0.75rem;
  --xue-fs-sm: 0.875rem;
  --xue-fs-md: 1rem;
  --xue-fs-reading: 1.125rem;     /* 教材正文 */
  --xue-fs-lg: 1.25rem;
  --xue-fs-xl: 1.5rem;
  --xue-fs-2xl: 2rem;
  --xue-lh-reading: 1.9;          /* CJK 课文行高 */
  --xue-lh-ui: 1.5;

  /* ---- 间距 / 圆角 / 层级 ---- */
  --xue-sp-1: 0.25rem; --xue-sp-2: 0.5rem; --xue-sp-3: 0.75rem;
  --xue-sp-4: 1rem;    --xue-sp-5: 1.5rem; --xue-sp-6: 2rem;
  --xue-sp-7: 3rem;
  --xue-r-sm: 6px; --xue-r-md: 10px; --xue-r-lg: 16px; --xue-r-full: 999px;
  --xue-z-topbar: 40; --xue-z-drawer: 60; --xue-z-toast: 80;

  /* ---- 动效 ---- */
  --xue-t-fast: 120ms ease-out;
  --xue-t-med: 240ms cubic-bezier(.2,.7,.3,1);

  /* ---- 亮色（纸面）---- */
  --xue-bg: #f7f5f0;              /* 纸底 */
  --xue-surface: #fffdf8;         /* 卡面 */
  --xue-surface-2: #f0ede5;       /* 次级面/嵌入块 */
  --xue-ink: #2b2a26;             /* 主墨 */
  --xue-ink-2: #5c5a52;           /* 次墨 */
  --xue-muted: #8b887c;           /* 弱化 */
  --xue-line: #dedacd;            /* 分隔线 */
  --xue-accent: #23507f;          /* 行动蓝（主按钮/链接） */
  --xue-accent-ink: #ffffff;
  --xue-focus: #23507f;

  /* 学习状态四色（全系统统一，勿另造） */
  --xue-st-none: #a8a494;         /* 未开始 */
  --xue-st-progress: #2f6da8;     /* 进行中 */
  --xue-st-done: #3a7d4f;         /* 已完成 */
  --xue-st-mastered: #a8362c;     /* 已掌握（朱印） */

  /* 证据核验等级色 */
  --xue-v-unverified: #8b887c;
  --xue-v-auto: #2f6da8;
  --xue-v-ai: #7a5aa0;
  --xue-v-human: #3a7d4f;
  --xue-v-inferred: #b0812f;

  /* 反馈 */
  --xue-ok-bg: #e4f0e7; --xue-ok-ink: #2c5e3c;
  --xue-warn-bg: #f7ecd7; --xue-warn-ink: #7a5a1c;
  --xue-err-bg: #f6e2df; --xue-err-ink: #8c3227;
  --xue-shadow: 0 1px 2px rgba(43,42,38,.06), 0 4px 16px rgba(43,42,38,.08);
}

@media (prefers-color-scheme: dark) {
  :root {
    --xue-bg: #14161a;
    --xue-surface: #1c1f24;
    --xue-surface-2: #23272e;
    --xue-ink: #e6e2d8;
    --xue-ink-2: #b3aea1;
    --xue-muted: #7d7a70;
    --xue-line: #32363d;
    --xue-accent: #6ea3d8;
    --xue-accent-ink: #10141a;
    --xue-focus: #8db8e6;
    --xue-st-none: #6d6a5e;
    --xue-st-progress: #6ea3d8;
    --xue-st-done: #6fb383;
    --xue-st-mastered: #d4756a;
    --xue-v-unverified: #7d7a70; --xue-v-auto: #6ea3d8; --xue-v-ai: #a98fd0;
    --xue-v-human: #6fb383; --xue-v-inferred: #cfa25a;
    --xue-ok-bg: #21332a; --xue-ok-ink: #9fd0ad;
    --xue-warn-bg: #37301e; --xue-warn-ink: #dcc084;
    --xue-err-bg: #3a2422; --xue-err-ink: #e0968c;
    --xue-shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.35);
  }
}

/* 用户显式主题覆盖系统偏好（顺序即优先级，勿调换） */
html[data-theme="light"] {
  --xue-bg: #f7f5f0; --xue-surface: #fffdf8; --xue-surface-2: #f0ede5;
  --xue-ink: #2b2a26; --xue-ink-2: #5c5a52; --xue-muted: #8b887c;
  --xue-line: #dedacd; --xue-accent: #23507f; --xue-accent-ink: #fff;
  --xue-focus: #23507f;
  --xue-st-none: #a8a494; --xue-st-progress: #2f6da8;
  --xue-st-done: #3a7d4f; --xue-st-mastered: #a8362c;
  --xue-v-unverified: #8b887c; --xue-v-auto: #2f6da8; --xue-v-ai: #7a5aa0;
  --xue-v-human: #3a7d4f; --xue-v-inferred: #b0812f;
  --xue-ok-bg: #e4f0e7; --xue-ok-ink: #2c5e3c;
  --xue-warn-bg: #f7ecd7; --xue-warn-ink: #7a5a1c;
  --xue-err-bg: #f6e2df; --xue-err-ink: #8c3227;
  --xue-shadow: 0 1px 2px rgba(43,42,38,.06), 0 4px 16px rgba(43,42,38,.08);
}
html[data-theme="dark"] {
  --xue-bg: #14161a; --xue-surface: #1c1f24; --xue-surface-2: #23272e;
  --xue-ink: #e6e2d8; --xue-ink-2: #b3aea1; --xue-muted: #7d7a70;
  --xue-line: #32363d; --xue-accent: #6ea3d8; --xue-accent-ink: #10141a;
  --xue-focus: #8db8e6;
  --xue-st-none: #6d6a5e; --xue-st-progress: #6ea3d8;
  --xue-st-done: #6fb383; --xue-st-mastered: #d4756a;
  --xue-v-unverified: #7d7a70; --xue-v-auto: #6ea3d8; --xue-v-ai: #a98fd0;
  --xue-v-human: #6fb383; --xue-v-inferred: #cfa25a;
  --xue-ok-bg: #21332a; --xue-ok-ink: #9fd0ad;
  --xue-warn-bg: #37301e; --xue-warn-ink: #dcc084;
  --xue-err-bg: #3a2422; --xue-err-ink: #e0968c;
  --xue-shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.35);
}

@media (prefers-reduced-motion: reduce) {
  :root { --xue-t-fast: 0ms; --xue-t-med: 0ms; }
}