/* ============================================================
   PLAN — Design Tokens
   色板 / 字体 / 圆角 / 布局变量。浅色为默认，深色通过 [data-theme="dark"] 覆盖。
   ============================================================ */

:root {
  color-scheme: light;

  /* 背景与表面 */
  --bg: #fafafa;
  --bg-soft: #f2f2f4;
  --surface: #ffffff;

  /* 文字 */
  --text: #16171b;
  --text-2: #56585f;
  --text-3: #86888f;

  /* 边框 */
  --border: rgba(22, 23, 27, 0.09);
  --border-strong: rgba(22, 23, 27, 0.18);

  /* 品牌强调色（克制使用：CTA、时间线节点、选中态） */
  --accent: #4e5fe6;
  --accent-strong: #3d4dd6;
  --accent-soft: rgba(78, 95, 230, 0.1);
  --btn-bg: var(--accent);
  --btn-bg-hover: var(--accent-strong);
  --btn-shadow: 0 8px 22px -10px rgba(78, 95, 230, 0.5);
  --on-accent: #ffffff;
  --glow: rgba(78, 95, 230, 0.05);

  --nav-bg: rgba(250, 250, 250, 0.8);
  --shadow: 0 1px 2px rgba(22, 23, 27, 0.04), 0 16px 40px -16px rgba(22, 23, 27, 0.12);

  /* 字体（系统字体栈，零外部请求） */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text",
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-serif: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;

  /* 圆角 */
  --radius-s: 10px;
  --radius-m: 14px;
  --radius-l: 28px;

  /* 布局 */
  --nav-h: 68px;
  --container: 1120px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

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

  --bg: #0e0f12;
  --bg-soft: #16171b;
  --surface: #141519;

  --text: #f1f2f5;
  --text-2: #a6a9b2;
  --text-3: #7d808a;

  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.2);

  --accent: #97a2fa;
  --accent-strong: #aeb7fb;
  --accent-soft: rgba(125, 139, 250, 0.14);
  --btn-bg: #5763e6;
  --btn-bg-hover: #6671ea;
  --btn-shadow: 0 8px 22px -10px rgba(87, 99, 230, 0.45);
  --on-accent: #ffffff;
  --glow: rgba(125, 139, 250, 0.07);

  --nav-bg: rgba(14, 15, 18, 0.72);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 16px 40px -16px rgba(0, 0, 0, 0.5);
}