/* ============================================================
 * 设计令牌 —— 逐条对齐 app/src/main/res/values/colors.xml / dimens.xml
 * 唯一事实来源：design/h5/方案.md §1
 * ============================================================ */
:root {
  /* 品牌色 */
  --brand: #2563EB;
  --brand-dark: #1D4ED8;
  --brand-bg: #EAF1FE;

  /* 页面与卡片 */
  --surface-page: #F4F6FB;
  --surface-card: #FFFFFF;
  --divider: #E6E9EE;

  /* 文字 */
  --text-main: #1F2937;
  --text-sub: #6B7280;
  --text-hint: #9CA3AF;

  /* 对错（语义色） */
  --correct: #16A34A;
  --wrong: #DC2626;

  /* 选项五态 */
  --opt-normal-line: #E6E9EE;
  --opt-normal-bg: #FFFFFF;
  --opt-picked-line: #2563EB;
  --opt-picked-bg: #FFFFFF;
  --opt-ok-line: #86E0A6;
  --opt-ok-bg: #E9F9EF;
  --opt-ok-text: #14532D;
  --opt-bad-line: #F6B4B4;
  --opt-bad-bg: #FDECEC;
  --opt-bad-text: #7F1D1D;
  --opt-missed-line: #86E0A6;
  --opt-missed-bg: #F5FCF7;

  /* 答题卡四色 */
  --card-correct: #16A34A;
  --card-correct-bg: #E9F9EF;
  --card-wrong: #DC2626;
  --card-wrong-bg: #FDECEC;
  --card-blank-bg: #EAF1FE;

  /* 圆角（dimens.xml：radius_card=12 / radius_btn=24 / radius_sheet=16） */
  --radius-card: 12px;
  --radius-row: 12px;
  --radius-btn: 24px;
  --radius-sheet: 16px;
  --radius-badge: 7px;

  /* 版式 */
  --pad-page: 16px;
  --topbar-h: 52px;
  --tabbar-h: 56px;
  --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
}