/* tokens.css — 全部设计令牌，变量名与 SPEC 第 3 节完全一致，不得改名 */
:root {
  /* 主色：抹茶绿。strong 用于白字底，普通色只用于填充与图表 */
  --color-primary-strong: #4F7A61;
  --color-primary: #6E9C7C;
  --color-primary-soft: #DCEBDF;
  --color-secondary: #9CC0A4;
  --color-accent: #E0B778;

  /* 背景与容器 */
  --color-bg-page: #F4F8F2;
  --color-bg-card: #FFFFFF;
  --color-bg-muted: #EFF4EE;

  /* 文字 */
  --color-text-main: #33413A;
  --color-text-sub: #7C8B81;
  --color-heading: #2F5D45;
  --color-text-invert: #FFFFFF;

  /* 线与状态 */
  --color-divider: #DDE8DE;
  --color-card-line: #D8E4D6;
  --color-splash: #E0F1CD;
  --color-danger: #B5766B;
  --color-danger-soft: #F6E7E4;

  /* 图表系列色（按序取用） */
  --chart-1: #6E9C7C;
  --chart-2: #9CC0A4;
  --chart-3: #E0B778;
  --chart-4: #4F7A61;
  --chart-5: #C7D8C6;
  /* 用药报告「总体依从率」主线：走主题 danger 陶土红 + 虚线，别用默认大红 */
  --chart-adherence: #B5766B;

  /* 情绪报告三条线：日均实线 / 当天最高虚线 / 当天最低虚线
     纯绿系塞三条线在白底上分不开，所以最低线借 danger 的陶土红 */
  --chart-emo-avg: #4F7A61;
  --chart-emo-high: #E0B778;
  --chart-emo-low: #B5766B;

  /* 字号 */
  --fs-title: 24px;
  --fs-h1: 20px;
  --fs-h2: 16px;
  --fs-body: 15px;
  --fs-sub: 13px;
  --fs-tiny: 12px;

  /* 行高 */
  --lh-tight: 1.3;
  --lh-normal: 1.6;

  /* 间距：只允许这六档 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* 圆角 */
  --r-card: 18px;
  --r-btn: 12px;
  --r-tag: 8px;
  --r-cell: 10px;

  /* 阴影：仅一档 */
  --shadow-card: 0 2px 8px rgba(47, 93, 69, 0.06);

  /* 尺寸 */
  --header-h: 52px;
  --tabbar-h: 56px;
  --touch-min: 44px;

  /* 动效 */
  --dur-tap: 100ms;
  --dur-page: 220ms;
  --dur-sheet: 260ms;
  --dur-check: 320ms;
  --dur-chart: 500ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-sheet: cubic-bezier(0.32, 0.72, 0, 1);

  /* 顶部装饰猫脚下的横线 */
  --color-cat-line: #2B2B2B;
}