/* 设计变量 · 莫兰迪疗愈美学（与小程序 tokens.wxss 同源延伸，全站唯一色值出处）| 作者 fe-lead | 对应契约 13 章 */
:root {
  /* 主绿（鼠尾草） */
  --sage: #A8B5A2;
  --sage-deep: #7D8F77;
  --sage-light: #E3E8E0;

  /* 底色与卡片 */
  --beige: #F5F1EA;
  --card: #FFFFFF;

  /* 文字 */
  --ink: #4A4640;
  --ink-soft: #8C8578;

  /* 点缀色 */
  --rose: #D9B8B4;
  --rose-deep: #B98984;
  --gold: #C9A87C;
  --line: #E8E2D8;

  /* 能力之树五阶段专用色（种子 → 新芽 → 枝繁 → 叶茂 → 花开）+ 休整态 */
  --lv-seed: #D9B8B4;
  --lv-bud: #A8B5A2;
  --lv-branch: #7D8F77;
  --lv-leaf: #97A98C;
  --lv-bloom: #C9A87C;
  --lv-rest: #B8B2A8;
  /* 兼容旧键名（早期样式引用了 --lv-sprout，保留避免回退黑块） */
  --lv-sprout: #A8B5A2;

  /* 阴影 / 遮罩 / 禁用（类内一律 var() 引用） */
  --shadow-card: 0 4px 16px rgba(120, 105, 85, 0.06);
  --shadow-float: 0 8px 28px rgba(120, 105, 85, 0.14);
  --shadow-btn: 0 6px 18px rgba(125, 143, 119, 0.28);
  --toast-bg: rgba(74, 70, 64, 0.92);
  --track-bg: #EAE4D8;
  --disabled-bg: #C9C5BE;
  --mask: rgba(74, 70, 64, 0.40);

  /* 字号体系 */
  --fs-title: 17px;
  --fs-body: 14px;
  --fs-aux: 12px;
  --fs-mini: 11px;

  /* 间距与圆角 */
  --sp-page: 16px;
  --sp-card: 14px;
  --sp-gap: 10px;
  --radius-card: 16px;
  --radius-inner: 12px;
  --radius-pill: 999px;

  /* 布局与动效 */
  --frame-max: 480px;
  --tabbar-h: 58px;
  --appbar-h: 48px;
  --dur: 240ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}