/* ============================================================
   tokens.css — 多肉植物馆 · 语义设计变量（唯一变量来源）
   内页与首页共用；新增语义变量必须在此登记并写进设计系统文档。
   ============================================================ */
:root {
  /* 色彩：纸白 + 墨绿，陶土橙只做强调 */
  --bg: #fbf9f3;
  --bg-2: #f3efe4;
  --surface: #fffdf8;
  --surface-2: #f6f2e8;
  --ink: #1e2b23;
  --ink-soft: #3f4f45;
  --muted: #6f7d72;
  --line: #ded7c8;
  --line-soft: #ebe5d9;
  --accent: #b96a45;
  --accent-soft: #e8c9b7;
  --sage: #5f7f5c;
  --sage-soft: #dfe7d9;

  /* 状态色（首页信号条、详情提示） */
  --state-dry: #c9a227;
  --state-water: #d0863f;
  --state-rot: #8e3b3b;
  --state-stretch: #4a7d78;

  /* 字体 */
  --font-serif: "Songti SC", "STSong", "SimSun", serif;
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* 字号阶 */
  --fs-1: 13px;
  --fs-2: 15px;
  --fs-3: 17px;
  --fs-4: 20px;
  --fs-5: 26px;
  --fs-6: clamp(32px, 3.2vw, 44px);
  --fs-7: clamp(38px, 4.2vw, 60px);

  /* 圆角 / 阴影 */
  --r-1: 4px;
  --r-2: 10px;
  --r-3: 999px;
  --shadow-1: 0 1px 2px rgba(30, 43, 35, 0.05);
  --shadow-2: 0 18px 40px -24px rgba(30, 43, 35, 0.35);

  /* 间距 / 结构 */
  --pad-section: 96px;
  --header-h: 72px;
  --wrap: 1200px;
  --gutter: 24px;
}