/* 设计令牌：与 healthLife 同一套（视觉统一，手机上两个应用并排不违和）。从 healthLife 的 web/css/theme.css 复制而来，
   改外观请先改那边再同步。只放变量，不放选择器。不负责：组件样式（components.css）和布局（页面里用 Tailwind 工具类）。 */
:root {
  /* 文字：正文 800；次要 600；辅助 500。不用 stone-400 写文字（白底对比度不足 4.5:1） */
  --hl-text: #292524;          /* stone-800 */
  --hl-text-2: #57534e;        /* stone-600 */
  --hl-text-3: #78716c;        /* stone-500 */
  --hl-bg: #fafaf9;            /* stone-50  页面底 */
  --hl-surface: #ffffff;       /* 卡片、输入框底 */
  --hl-border: #e7e5e4;        /* stone-200 卡片边框 */
  --hl-border-strong: #d6d3d1; /* stone-300 输入框、次按钮边框 */
  --hl-fill-soft: #f5f5f4;     /* stone-100 占位、禁用底 */

  --hl-brand: #065f46;         /* emerald-800 主操作 */
  --hl-brand-text: #047857;    /* emerald-700 “已完成”类文字 */
  --hl-brand-soft: #ecfdf5;    /* emerald-50 */

  --hl-danger: #b91c1c;        /* red-700 */
  --hl-danger-soft: #fef2f2;   /* red-50 */
  --hl-danger-border: #fca5a5; /* red-300 */
  --hl-warn: #78350f;          /* amber-900 */
  --hl-warn-soft: #fffbeb;     /* amber-50 */
  --hl-warn-border: #fcd34d;   /* amber-300 */
  --hl-info: #1e3a8a;          /* blue-900 */
  --hl-info-soft: #eff6ff;     /* blue-50 */
  --hl-info-border: #93c5fd;   /* blue-300 */

  --hl-hit: 44px;              /* 触控目标最小高度 */
  --hl-hit-lg: 52px;           /* 页面主操作（拍照、提交） */
  --hl-radius: 12px;           /* 按钮、输入框、提示条 */
  --hl-radius-card: 16px;      /* 卡片 */
}