/* ==========================================================================
   题满仓 · 设计 Token v4.0.0（2026-10-18）
   唯一 token 源：全站页面引用本文件，不再各页自建 :root。
   依据《题满仓_UI_v4_设计方案》第 03 节；对比度全部过 WCAG AA。
   ========================================================================== */
:root {
  /* ---- 品牌：赭红（保留老用户认知，只做体系化）---- */
  --brand-600: #9A3A24;   /* 主动作 / 品牌识别。白字 7.0:1 AAA；纸底 6.5:1 AA */
  --brand-700: #7E2E1C;   /* 悬停加深 */
  --brand-800: #632417;   /* 按下加深 */
  --brand-100: #F5E3DD;   /* 浅色底（选中态 chips） */
  --brand-50:  #FAF0EC;   /* 极浅底 */

  /* ---- 描金：强调点缀。金底必须配深字 #2C2317（5.6:1），禁白字 ---- */
  --accent-500: #C8912F;
  --accent-600: #A87A22;
  --accent-100: #F5E8CE;
  --accent-50:  #FBF4E4;

  /* ---- 纸与墨 ---- */
  --paper-50:  #FAF7F0;   /* 页面底：比纯白柔，久读不累 */
  --paper-100: #F3EEE3;   /* 页面内的浅分区底 */
  --paper-300: #E3D9C6;   /* 纸线：分割线 / 卡片描边 / 输入框边 */
  --card:      #FFFDF8;   /* 卡纸：卡片浮起于纸底 */
  --ink-900:   #2C2317;   /* 正文标题。纸底 14.6:1 AAA */
  --ink-700:   #4A3F33;
  --ink-500:   #6B5C49;   /* 次要说明。纸底 6.0:1 AA */
  --ink-300:   #A3947A;   /* 仅装饰：占位/骨架/页脚。2.8:1，不承载信息 */

  /* ---- 语义色（危险必配图标，不单靠颜色传达）---- */
  --ok:        #2F7A4F;   --ok-bg: #EAF4ED;   --ok-line: #CFE0D3;
  --bad:       #B23B32;   --bad-bg: #F9ECEA;  --bad-line: #E5C3BE;
  --warn:      #9A5A18;   --warn-bg: #FBF1E2; --warn-line: #ECD8B4;
  --info:      #3A6EA5;   --info-bg: #EBF1F7; --info-line: #CFDBE8;

  /* ---- 字阶（系统字体栈；数字一律 tabular-nums）---- */
  --font: -apple-system, "PingFang SC", "HarmonyOS Sans SC", "MiSans",
          "Microsoft YaHei", system-ui, sans-serif;
  --t-hero: 32px;   /* Hero 大数字（待复习数） 800/1.2 */
  --t-price: 26px;  /* 抽屉价格 800/1.25 */
  --t-title: 20px;  /* 页面大标题 800/1.3 */
  --t-card: 17px;   /* 卡片标题 / 向导步骤标题 800/1.35 */
  --t-main: 15px;   /* 列表主文字 / 按钮 700/1.4 */
  --t-body: 14px;   /* 正文 400/1.6 */
  --t-sub: 13px;    /* 次要正文 / 讲解步骤 400/1.6 */
  --t-aux: 12px;    /* 辅助说明 400/1.6 */
  --t-tag: 11px;    /* 标签 / 角标 / 元信息 400/1.5 */

  /* ---- 4pt 间距网格 ---- */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s6: 24px; --s8: 32px; --s10: 40px;

  /* ---- 圆角：8 标签 / 12 按钮 / 16 大卡 / 20 抽屉 ---- */
  --r-tag: 8px; --r-btn: 12px; --r-card: 16px; --r-sheet: 20px;

  /* ---- 阴影：纸感浮起，不用纯黑 ---- */
  --sh1: 0 1px 3px rgba(44, 35, 23, .06);
  --sh2: 0 4px 16px rgba(44, 35, 23, .10);
  --sh3: 0 12px 40px rgba(44, 35, 23, .18);

  /* ---- 动效（尊重系统「减弱动态效果」）---- */
  --ease: cubic-bezier(.2, .9, .3, 1);
  --d-micro: 150ms;   /* 按钮按下 .97 */
  --d-comp: 240ms;    /* tab / 抽屉 */
  --d-page: 280ms;    /* 页面转场 */

  /* ---- 触控 ---- */
  --touch: 44px;      /* 触控下限；核心主动作 52px */
}

/* 全局基线：任何页面引了本文件就自动获得纸感底与墨色字 */
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--paper-50);
  color: var(--ink-900);
  font: var(--t-body) / 1.6 var(--font);
}
img { max-width: 100%; }
a { color: var(--brand-600); }

/* 数字不跳动：统计 / 价格 / 页码 */
.num, .kv b, .pgn { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}