/**
 * tokens.css —— 设计令牌（单一来源，禁止各处硬编码色值）。
 * 配色与 utils/constants.js 的 COLORS / COLOR_LIST / TIER_COLORS / TIER_SEMANTIC 完全一致；
 * 间距令牌按设计 §7.2 由 rpx×0.5 换算为 px。
 */
:root {
  /* offer 固定配色 */
  --c-a: #2F80ED;   /* A 蓝 */
  --c-b: #F2994A;   /* B 橙 */
  --c-c: #27AE60;   /* C 绿 */

  /* 分档语义色（取自 utils/constants.js 的 TIER_COLORS） */
  --tier-good: #1FB877;
  --tier-mid: #F4B740;
  --tier-hard: #FF8A4C;
  --tier-bad: #FF5470;

  /* 中性色 */
  --bg: #F2F4F7;
  --card: #FFFFFF;
  --card-2: #F6F7F9;
  --ink-1: #1A1A1E;
  --ink-2: #6B7080;
  --ink-3: #A6ABBA;
  --line: #ECEEF2;
  --line-2: #F4F5F8;

  /* 间距令牌（rpx×0.5） */
  --s2: 4px;
  --s3: 6px;
  --s4: 8px;
  --s5: 10px;
  --s6: 12px;
  --s8: 16px;
  --s10: 20px;

  /* 圆角令牌 */
  --r-s: 6px;
  --r-m: 10px;
  --r-l: 14px;

  /* 阴影 */
  --shadow-1: 0 2px 8px rgba(30, 40, 80, .06);
  --shadow-2: 0 6px 18px rgba(30, 40, 80, .10);
}