/* ==========================================================================
   喜畔健康 · 移动端设计令牌 (Design Tokens)
   唯一色彩/字号/间距来源。页面不得写死颜色值，一律引用变量。
   ========================================================================== */

:root {
  /* --- 品牌色：会员端（温润墨绿，生活方式医学的“自然·恢复”气质） --- */
  --brand-900: #10382C;
  --brand-800: #174A3B;
  --brand-700: #1F5D4A;
  --brand-600: #2A7259;   /* 主操作色 */
  --brand-500: #3C8B6D;
  --brand-300: #86BBA5;
  --brand-100: #DCEAE3;
  --brand-050: #EFF6F2;

  /* --- 强调色：琥珀（成就、里程碑、需要注意但不危险） --- */
  --amber-600: #B5762E;
  --amber-500: #C8873C;
  --amber-100: #F6E7D2;
  --amber-050: #FCF5EA;

  /* --- 语义色 --- */
  --ok-600: #2F8354;
  --ok-100: #DCEFE2;
  --warn-600: #B5762E;
  --warn-100: #F6E7D2;
  --risk-600: #B4453A;   /* 医学红线、掉队预警 */
  --risk-100: #F7DFDC;
  --info-600: #35648C;
  --info-100: #DEEAF3;

  /* --- 中性色 --- */
  --ink-900: #171C1A;    /* 主标题 */
  --ink-700: #333B37;    /* 正文 */
  --ink-500: #5E6762;    /* 次要说明 */
  --ink-400: #8A928D;    /* 占位、时间戳 */
  --ink-200: #C9CFCB;
  --line: #E7E4DD;       /* 分割线 */
  --line-soft: #F0EDE7;

  /* --- 背景 --- */
  --canvas: #F6F4EF;     /* 暖白，长时间阅读不刺眼 */
  --surface: #FFFFFF;
  --surface-sunken: #FAF8F4;
  --scrim: rgba(23, 28, 26, .48);

  /* --- 语义别名（组件只用这一层，换肤靠覆盖它） --- */
  --accent: var(--brand-600);
  --accent-strong: var(--brand-700);
  --accent-soft: var(--brand-050);
  --accent-border: var(--brand-100);
  --on-accent: #FFFFFF;

  /* --- 字阶：用户主力人群 35–55 岁，正文比常规大一档 --- */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
               "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --fs-display: 30px;   /* 单屏第一眼的大数/状态 */
  --fs-h1: 22px;
  --fs-h2: 18px;
  --fs-h3: 16px;
  --fs-body: 15px;
  --fs-sm: 13px;
  --fs-xs: 11px;
  --lh-tight: 1.25;
  --lh-body: 1.6;

  /* --- 间距（4 的倍数） --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;

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

  /* --- 阴影：极克制，只用于浮层与主卡 --- */
  --sh-card: 0 1px 2px rgba(23,28,26,.04), 0 6px 18px rgba(23,28,26,.05);
  --sh-pop: 0 8px 32px rgba(23,28,26,.16);

}