/* design tokens · 概率论学习站
   视觉关键词：随机、期望、分布、不确定性
   主色=期望绿（emerald），辅色=分布靛（indigo）
   明暗两套独立取色（非反色），对比度满足正文 ≥ 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(10, 50, 35, 0.06), 0 10px 30px rgba(10, 50, 35, 0.07);
  --shadow-soft: 0 1px 2px rgba(10, 50, 35, 0.05);
  --speed: 180ms ease;

  --grid-line: rgba(4, 120, 87, 0.06);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f5faf7;
  --bg-hero: linear-gradient(160deg, #e3f5ec 0%, #f5faf7 55%, #eaedfc 100%);
  --surface: #ffffff;
  --surface-2: #eaf4ef;
  --text: #16241e;
  --muted: #55685f;
  --border: #d8e7df;
  --primary: #047857;
  --primary-strong: #065f46;
  --primary-soft: #dcf2e9;
  --accent: #4f46e5;
  --accent-soft: #e6e6fc;
  --danger: #b3372f;
  --ok: #1a7f4b;

  --lv-entry: #2563eb;   /* 入门 · 蓝 */
  --lv-core: #047857;    /* 核心 · 绿 */
  --lv-advanced: #d97706;/* 进阶 · 琥珀 */
  --lv-frontier: #db2777;/* 前沿 · 品红 */
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a1410;
  --bg-hero: linear-gradient(160deg, #0c2e21 0%, #0a1410 55%, #181c3d 100%);
  --surface: #12211a;
  --surface-2: #1a2f25;
  --text: #e2f0e9;
  --muted: #97aca2;
  --border: #263d33;
  --primary: #34d399;
  --primary-strong: #6ee7b7;
  --primary-soft: #0e3a2b;
  --accent: #a5b4fc;
  --accent-soft: #232552;
  --danger: #ff8f88;
  --ok: #6ee7b7;

  --lv-entry: #60a5fa;
  --lv-core: #34d399;
  --lv-advanced: #fbbf24;
  --lv-frontier: #f472b6;

  --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(52, 211, 153, 0.07);
}

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