/* tokens.css — 大语言模型学习站设计令牌
   视觉关键词：概率 · 神经网络 · 涌现 · 星图（靛蓝主色 + 青色辅助，双主题独立取色） */

:root {
  color-scheme: light dark;

  /* 中性色（亮色） */
  --bg: #f6f6fa;
  --surface: #ffffff;
  --surface2: #edeff6;
  --text: #22223a;
  --muted: #575770;
  --border: #d9d9e6;

  /* 主色 / 辅色 */
  --primary: #5053c8;
  --primary-strong: #3e41ae;
  --primary-soft: rgba(80, 83, 200, 0.10);
  --accent: #0e97ad;

  /* 难度等级色 */
  --lv-1: #23855c; /* 入门 */
  --lv-2: #3161c4; /* 核心 */
  --lv-3: #7d4fd0; /* 进阶 */
  --lv-4: #b06a0a; /* 前沿 */

  /* 依赖图连线 */
  --edge: #a7abc9;

  /* 形状与动效 */
  --radius: 14px;
  --radius-s: 8px;
  --shadow: 0 1px 2px rgba(32, 32, 64, 0.06), 0 10px 26px rgba(32, 32, 64, 0.08);
  --speed: 180ms;
  --ease: cubic-bezier(0.3, 0.7, 0.3, 1);

  /* 字体栈 */
  --sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Segoe UI", "Noto Sans CJK SC", sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
    "Liberation Mono", monospace;
}

[data-theme="dark"] {
  color-scheme: dark;

  --bg: #12121d;
  --surface: #1b1b2b;
  --surface2: #242438;
  --text: #e9e9f4;
  --muted: #a3a3c0;
  --border: #343450;

  --primary: #9294f2;
  --primary-strong: #b0b2f8;
  --primary-soft: rgba(146, 148, 242, 0.14);
  --accent: #45c6dc;

  --lv-1: #52c795;
  --lv-2: #71a0f2;
  --lv-3: #b18cf5;
  --lv-4: #e3a24c;

  --edge: #46466a;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 12px 30px rgba(0, 0, 0, 0.5);
}