/* ============================================================
   tokens.css — 有氧屋 · 唯一设计变量来源
   纸白 + 深绿 + 陶土红强调（对齐 03-ui 参考稿的版式与配色）
   注意：本文件是变量真源，tokens 在 04-site/css/tokens.css 维护；
   不要用 site-design-system 的 --rewrite 覆盖（会丢掉语义名）。
   ============================================================ */

:root {
  /* ---- 底色 / 表面 ---- */
  --paper: #f2eee3;
  --paper-2: #f0ece1;
  --paper-3: #e6e0d2;
  --surface: #fbf8f1;
  --green: #244838;
  --green-2: #1c3a2b;
  --green-3: #2c5540;
  --hero-bg: #0e1f16;

  /* ---- 墨色 / 文字 ---- */
  --ink: #1b211c;
  --ink-soft: #3a423b;
  --muted: #6e7469;
  --muted-2: #8b9085;
  --on-dark: #f3efe4;
  --on-dark-soft: rgba(243, 239, 228, 0.64);

  /* ---- 强调色 ---- */
  --accent: #a94b45;
  --accent-deep: #8d3a35;
  --accent-soft: #efdcd8;
  --lime: #c9e04e;
  --lime-deep: #7f8f1f;

  /* ---- 线条 ---- */
  --line: #d9d3c5;
  --line-strong: #c3bba9;
  --line-dark: rgba(243, 239, 228, 0.16);

  /* ---- 字体 ---- */
  --display: 'Songti SC',SimSun,'Noto Serif SC',Georgia,serif;
  --sans: 'PingFang SC','Microsoft YaHei','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  /* ---- 字号阶 ---- */
  --fs-1: 10.5px;
  --fs-2: 11.5px;
  --fs-3: 12px;
  --fs-4: 12.5px;
  --fs-5: 13px;
  --fs-6: 14px;
  --fs-7: 15px;
  --fs-8: 16px;
  --fs-9: 18px;
  --fs-10: 20px;
  --fs-11: 24px;
  --fs-12: 28px;

  /* ---- 圆角 ---- */
  --r-1: 2px;
  --r-2: 4px;
  --r-pill: 99px;

  /* ---- 阴影 ---- */
  --shadow-1: 0 10px 30px rgba(18, 39, 28, 0.08);
  --shadow-2: 0 18px 44px rgba(18, 39, 28, 0.16);

  /* ---- 布局 / 节奏 ---- */
  --shell: 1305px;
  --pad: clamp(20px, 3vw, 32px);
  --section-y: clamp(20px, 2vw, 26px);
  --gap: clamp(12px, 1.2vw, 18px);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}