/* ===== 设计 token · 扩展自 测试/styles/tokens.css ===== */
:root {
  /* 背景层级 */
  --bg: #f7f6f2;
  --bg-soft: #efede6;
  --bg-sunken: #e6e3da;
  --bg-card: #ffffff;

  /* 边框 */
  --border: #ddd9ce;
  --border-strong: #c9c2b3;

  /* 文字 */
  --text: #20231f;
  --text-soft: #5f645b;
  --text-mute: #898d84;

  /* 主色 */
  --accent: #bb714d;
  --accent-soft: #efd4c7;
  --accent-wash: #f7ebe5;
  --accent-deep: #9b5538;
  --accent-ink: #653725;

  /* 语义色（低饱和） */
  --success: #6d8f42;
  --success-wash: #eef3e4;
  --danger: #c46a4a;
  --danger-wash: #f9ece6;
  --info: #6d8b9c;
  --info-wash: #eaf0f3;

  /* 阴影 暖调 */
  --shadow-sm: 0 1px 2px rgba(90, 80, 40, .06);
  --shadow: 0 2px 8px rgba(90, 80, 40, .08);
  --shadow-md: 0 4px 16px rgba(90, 80, 40, .10);
  --shadow-lg: 0 12px 32px rgba(90, 80, 40, .14);

  /* 圆角 */
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* 间距 8px 网格 —— 补 section 级 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;

  /* 字号 —— 补展示级 */
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs: 15px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;
  --fs-4xl: 46px;

  /* 字重 */
  --fw-normal: 400;
  --fw-med: 500;
  --fw-semi: 600;
  --fw-bold: 700;

  /* 行高 */
  --lh-tight: 1.25;
  --lh-snug: 1.45;
  --lh: 1.75;

  /* 布局 */
  --maxw: 1160px;
  --maxw-prose: 760px;
  --topbar-h: 60px;
  --toc-w: 200px;

  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  --font-display: 'Iowan Old Style', 'Songti SC', 'STSong', 'SimSun', serif;
  --mono: 'SF Mono', 'Cascadia Code', 'Fira Code', Consolas, monospace;

  --ease: cubic-bezier(.4, 0, .2, 1);
}