/* design tokens · 深度强化学习学习站
   视觉关键词：智能体、奖励、探索、交互循环
   主色=奖励琥珀（reward spark），辅色=深空靛（policy/价值空间）
   明暗两套独立取色（非反色），对比度满足正文 ≥ 4.5:1 */

:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 1px 2px rgba(60, 40, 10, 0.06), 0 10px 30px rgba(60, 40, 10, 0.07);
  --shadow-soft: 0 1px 2px rgba(60, 40, 10, 0.05);
  --speed: 180ms ease;

  --grid-line: rgba(180, 83, 9, 0.06);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #faf8f4;
  --bg-hero: linear-gradient(160deg, #fdf1e0 0%, #faf8f4 55%, #eef0fb 100%);
  --surface: #ffffff;
  --surface-2: #f4f0e8;
  --text: #2a2118;
  --muted: #6b5f50;
  --border: #e5ddd0;
  --primary: #b45309;
  --primary-strong: #92400e;
  --primary-soft: #fdeeda;
  --accent: #4338ca;
  --accent-soft: #e7e7fb;
  --danger: #b3372f;
  --ok: #3f6212;

  --lv-entry: #0d9488;   /* 入门 · 青 */
  --lv-core: #b45309;    /* 核心 · 琥珀 */
  --lv-advanced: #b91c1c;/* 进阶 · 红 */
  --lv-frontier: #7c3aed;/* 前沿 · 紫 */
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #14100a;
  --bg-hero: linear-gradient(160deg, #2e1d08 0%, #14100a 55%, #14122e 100%);
  --surface: #1e1810;
  --surface-2: #2a2216;
  --text: #f1e9dc;
  --muted: #b3a693;
  --border: #3a3022;
  --primary: #fbbf24;
  --primary-strong: #fcd34d;
  --primary-soft: #3a2a08;
  --accent: #a5b4fc;
  --accent-soft: #232552;
  --danger: #ff8f88;
  --ok: #a3d15c;

  --lv-entry: #5eead4;
  --lv-core: #fbbf24;
  --lv-advanced: #fca5a5;
  --lv-frontier: #c4b5fd;

  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.35);
  --grid-line: rgba(251, 191, 36, 0.07);
}

@media (prefers-reduced-motion: reduce) {
  :root { --speed: 0ms; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}