/*
 * 康复疗愈系设计 token。变量定义见 tokens.md。
 * 这是唯一一份颜色/字号/间距来源：design/ 的稿子、src/ 的小程序都从这里取。
 * 改值必须同步 tokens.md 的表格，两处对不上等于系统失效。
 */
:root {
  /* 品牌绿 · 进展与主行动 */
  --brand-700: #14503E;
  --brand-600: #1E7A5E;
  --brand-500: #2C9370;
  --brand-300: #7FC3A6;
  --brand-100: #D6EBE1;
  --brand-50:  #EFF7F2;

  /* 暖底与面 */
  --bg:        #FAF7F2;
  --surface:   #FFFFFF;
  --sand-100:  #F6F1E8;
  --sand-200:  #EFE7D9;
  --line:      #EAE4DA;
  /* 比 --line 深一档的暖灰：给占位框的虚线边界用（--line 太浅，虚线在米底上看不出来） */
  --line-strong: #CFC5B4;

  /* 文字 */
  --ink-900: #1D2A25;
  --ink-600: #5A6B63;
  --ink-400: #8A968F;
  --ink-inverse: #FFFFFF;

  /* 强调与语义 */
  --accent-600: #C16A1C;
  --accent-500: #E08A3C;
  --accent-50:  #FDF3E7;
  --success:    #2C9370;
  --warning:    #C98A1E;
  --orange:     #F97316;
  --danger:     #C1544A;
  --info:       #3E7BA8;

  /* 字体：小程序必须系统字体，不引外挂字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC",
               "HarmonyOS Sans SC", "Source Han Sans SC",
               "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  /* 等宽字体：只给字母数字码（推荐码）用 —— 比例字体下 1/I 窄、H/K/W 宽，
     固定几位数的码宽度就不一样，后面跟的标签起点会参差 */
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
               "Liberation Mono", monospace;

  /* 字阶 */
  --fs-display: 28px;  --lh-display: 36px;
  --fs-title:   20px;  --lh-title:   28px;
  --fs-heading: 17px;  --lh-heading: 24px;
  --fs-body:    15px;  --lh-body:    22px;
  --fs-caption: 13px;  --lh-caption: 18px;
  --fs-micro:   11px;  --lh-micro:   16px;

  /* 间距 · 4 基数 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* 圆角：偏大是疗愈语言，上限 24 */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;

  /* 阴影：暖调（带绿味），不用中性黑 */
  /* 全站纯平：不投影、不高光。层级一律靠 1px 描边 + 底色区分，不用阴影表达高度 */
  --sh-1: none;
  --sh-2: none;

  /* 动效：克制。小程序里过度动效会被当成卡顿 */
  --dur-fast: 150ms;
  --dur-panel: 240ms;
  --ease-out: cubic-bezier(.2, .8, .2, 1);

  /* 结构尺寸 */
  --nav-h: 44px;
  --tab-h: 52px;
  --hit-min: 52px;
  --safe-b: env(safe-area-inset-bottom, 0px);
}

/* TDesign 落地：一期 src/ 用组件库时，用这套变量覆盖主题，不 fork 组件。
   放在 page 选择器下生效（小程序根节点）。 */
page {
  --td-brand-color: var(--brand-600);
  --td-success-color: var(--success);
  --td-warning-color: var(--warning);
  --td-error-color: var(--danger);
  --td-text-color-primary: var(--ink-900);
  --td-text-color-secondary: var(--ink-600);
  --td-bg-color-page: var(--bg);
  --td-bg-color-container: var(--surface);
  --td-radius-default: var(--r-md);
  --td-radius-large: var(--r-lg);
}