/* ==========================================================================
   tokens.css · 设计令牌（唯一来源）
   --------------------------------------------------------------------------
   品牌色按「用途」拆开，各自单独考核对比度：
     --brand       只做填充 —— 考核「白字压得住吗」
     --brand-ink   只做文字 —— 考核「压在纸底读得清吗」
     --brand-mark  只做图形 —— ≥3.0 即可
   同一支红既当按钮底又当链接文字，必然有一头不达标，所以必须拆。

   所有数值已按 WCAG AA 校验（正文 ≥4.5:1，大字 ≥3:1）。
   设计稿里几处不达标色（深底上 #6E6459 只有 3.24:1）已在此统一修正，
   不照抄进代码。
   ========================================================================== */

:root {
  /* ---------- 品牌 ---------- */
  --brand:         #C8161D;  /* 填充：按钮底 / 徽标底 / 数据条（白字 5.85:1） */
  --brand-ink:     #A8121A;  /* 文字：浅底上的链接与强调（纸底 7.05:1） */
  --brand-ink-2:   #B01217;  /* 文字：区块小标题（纸底 6.63:1） */
  --brand-surface: #FBE9E9;  /* 浅色品牌底：胶囊 / 步序号底 */
  --brand-mark:    #C8161D;  /* 图形：圆点 / 图标 */

  /* ---------- 面 ---------- */
  --paper:      #FAF6F0;     /* 页面底 */
  --card:       #FFFFFF;     /* 卡片底 */
  --deep:       #16110F;     /* 深色区块底 */
  --deep-card:  #211A17;     /* 深色卡 */
  --deep-chip:  #3A211D;     /* 深色胶囊 */
  --deep-btn:   #241C18;     /* 深色区次级按钮 */
  --line:       #E8E0D4;     /* 浅底描边 */
  --line-soft:  #EFE8DD;     /* 浅底表格行线 */
  --line-deep:  #2A2320;     /* 深底分隔线 */
  --accent:     #B8893F;     /* 点缀金：仅深底使用（5.97:1） */

  /* ---------- 文字 · 浅底三级 ---------- */
  --text:       #1A1614;     /* 标题（纸底 16.7:1） */
  --text-body:  #4A423B;     /* 正文（纸底 9.14:1） */
  --text-muted: #6E6459;     /* 次级（纸底 5.37:1 / 白卡 5.93:1） */

  /* ---------- 文字 · 深底三级 ---------- */
  --text-invert:      #F5F1EA;  /* 深底标题（16.6:1） */
  --text-invert-body: #D6CDC4;  /* 深底正文（11.9:1） */
  --text-invert-mute: #9A8F84;  /* 深底次级（5.92:1） */
  --text-invert-tag:  #E8A9A4;  /* 深底胶囊文字（7.52:1） */
  --text-on-brand:    #FFE3E0;  /* 红底上的说明文字（4.80:1） */

  /* ---------- 字体 ---------- */
  /* 不引外部字体：中文站挂 Google Fonts 会阻塞首屏且国内不可达。
     走系统字体栈 —— 本地装了思源/Noto 就优先用，否则回退系统衬线/黑体。 */
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong",
                "SimSun", Georgia, serif;
  --font-sans:  "Noto Sans SC", "Source Han Sans SC", "PingFang SC",
                "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  --font-num:   Inter, "Helvetica Neue", Arial, system-ui, sans-serif;

  /* ---------- 字号（桌面基准） ---------- */
  --fs-display: 56px;   /* 首页 Hero 主标题 */
  --fs-h1:      48px;   /* 内页页面标题 */
  --fs-h2:      36px;   /* 首页区块标题 */
  --fs-h2-sm:   28px;   /* 内页区块标题 */
  --fs-h3:      24px;   /* 帮助页分组标题 */
  --fs-card:    19px;   /* 卡片标题 */
  --fs-lead:    16px;   /* 导语 */
  --fs-body:    15px;   /* 正文 */
  --fs-sm:      14px;   /* 次要正文 */
  --fs-xs:      13px;   /* 说明 */
  --fs-micro:   11.5px; /* 小标签 */

  /* ---------- 行高 ---------- */
  --lh-tight:  1.26;
  --lh-normal: 1.55;
  --lh-body:   1.9;

  /* ---------- 间距 ---------- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-7: 28px;  --sp-8: 32px;
  --sp-9: 40px;  --sp-10: 48px; --sp-11: 56px; --sp-12: 64px;
  --sp-13: 80px; --sp-14: 88px;

  /* ---------- 布局（只有两档内容宽度） ---------- */
  --w-container: 1352px;  /* 布局容器档（1440 − 44×2） */
  --w-prose:     780px;   /* 长文阅读档 */
  --gutter:      44px;    /* 页面左右留白 */

  /* ---------- 圆角 ---------- */
  --r-lg:   28px;   /* 大卡 */
  --r-md:   20px;   /* 卡片 */
  --r-sm:   16px;   /* 小卡 / 图片位 */
  --r-xs:   14px;   /* 图标块 */
  --r-pill: 999px;
}