/* ===== 设计令牌 ===== */
:root {
  /* 纸感米白 + 墨蓝 + 青绿 */
  --bg: #f3f0e7;
  --bg-2: #ece8dc;
  --surface: #fffdf8;
  --surface-2: #faf7ee;
  --surface-3: #f2eee2;
  --ink: #16273c;
  --ink-soft: #45586d;
  --muted: #8b95a2;
  --line: #e5dfd1;
  --line-strong: #d5cebd;

  --accent: #0e8c7f;
  --accent-ink: #0a6d63;
  --accent-soft: #e3f4f0;
  --warm: #d3763f;
  --warm-soft: #fdf0e6;
  --danger: #bf4a37;
  --danger-soft: #fdeeea;
  --ok: #2b8560;
  --ok-soft: #e8f6ef;

  --shadow-sm: 0 2px 8px rgba(22, 39, 60, 0.05);
  --shadow-md: 0 10px 30px rgba(22, 39, 60, 0.08);
  --shadow-lg: 0 24px 60px rgba(22, 39, 60, 0.12);

  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;

  --fs-base: 16px;
  --fs-stem: 17px;
  --fs-sm: 13px;
  --fs-xs: 12px;

  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);

  --sans: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  color-scheme: light;
}

html[data-theme="dark"] {
  --bg: #0e141a;
  --bg-2: #131b23;
  --surface: #172029;
  --surface-2: #1c262f;
  --surface-3: #212d37;
  --ink: #eef3f8;
  --ink-soft: #b5c2ce;
  --muted: #8492a2;
  --line: #26313c;
  --line-strong: #33404d;

  --accent: #47d3bd;
  --accent-ink: #7ce4d2;
  --accent-soft: #10322e;
  --warm: #e8975f;
  --warm-soft: #33241a;
  --danger: #f0836c;
  --danger-soft: #331f1b;
  --ok: #5fd39c;
  --ok-soft: #122e24;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.28);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);

  color-scheme: dark;
}

html[data-fs="s"] { --fs-base: 15px; --fs-stem: 16px; }
html[data-fs="m"] { --fs-base: 16px; --fs-stem: 17px; }
html[data-fs="l"] { --fs-base: 18px; --fs-stem: 19px; }