/* =============================================================
   电商平台申报对账官 · 设计令牌 tokens.css  v1.0
   -------------------------------------------------------------
   单一数据源：颜色/字号/间距/圆角/阴影/边框 只在这里定义。
   组件只准用 var()，不准再写死十六进制。
   迁移：prototype.html 中的硬编码色值见文件末尾映射表。
   ============================================================= */

:root {
  /* ---------- 1. 品牌色（专业 / 信任 / 冷静） ---------- */
  --brand-700: #0C447C;   /* 主色按压态、深底强调 */
  --brand-600: #185FA5;   /* 主色：主按钮、关键数字、链接 */
  --brand-100: #E6F1FB;   /* 主色浅底：计算区、信息块 */
  --brand-200: #B5D4F4;   /* 主色描边、聚焦环 */
  --on-brand:  #FFFFFF;   /* 主色之上的文字（主按钮字色）。禁止在组件里写 #fff */

  /* ---------- 2. 中性色（文字 / 分割 / 背景） ---------- */
  --ink-900: #1A2B3C;     /* 标题 */
  --ink-700: #2C2C2A;     /* 正文 */
  --ink-500: #5F5E5A;     /* 次要说明 */
  --ink-400: #888780;     /* 辅助、文号、脚注 */
  --line:    #D3D1C7;     /* 分割线 / 输入框描边（0.5px hairline） */
  --line-2:  #B4B2A9;     /* 虚线框（占位/上传区） */
  --surface: #FFFFFF;     /* 卡片底 */
  --surface-2:#FAFBFC;    /* 次级底（分组块） */
  --surface-3:#F5F6F7;    /* 三级底（引文块） */
  --bg:      #EEF1F5;     /* 页面底 */

  /* ---------- 3. 语义色（状态，不用于装饰） ---------- */
  /* danger：高风险、需补税、法条处罚。全站红色只允许出现在这里 */
  --danger-600: #B23A33;
  --danger-700: #A32D2D;
  --danger-100: #FCEBEB;
  --danger-ink: #501313;
  /* warn：接近阈值、需留意 */
  --warn-600:  #C8761A;
  --warn-100:  #FFF8E6;
  --warn-200:  #E8D5A0;
  --warn-ink:  #5C3A05;
  /* safe：无风险、已达标 */
  --safe-600:  #2E7D52;
  --safe-700:  #3B6D11;
  --safe-100:  #EAF3DE;
  --safe-ink:  #173404;

  /* ---------- 4. 确定性分级（本项目独有维度，强制使用） ----------
     任何出现在界面上的数字，必须落入下列四档之一，并套用对应视觉。
     L1 精确：法条明确 + 用户数据确定，算出来的
     L2 预估：依赖假设（行业核定率、估算税率等）推算
     L3 待补：缺关键输入（如进项），给不出结论
     L4 不适用：该主体/口径下此项不成立
  ------------------------------------------------------------------ */
  --cert-l1: var(--ink-900);            /* 常规黑字，无附加标记 */
  --cert-l2: var(--warn-600);           /* 琥珀字 */
  --cert-l2-underline: dashed;          /* 虚线下划线（视觉可触） */
  --cert-l3: var(--ink-400);            /* 灰字 */
  --cert-l4: var(--ink-400);            /* 灰字 + 删除线 */

  /* ---------- 5. 字体 ---------- */
  --font-sans: "Microsoft YaHei", "PingFang SC", system-ui, -apple-system, sans-serif;
  --fs-display: 21px;   /* 落地页大标题 */
  --fs-h1: 19px;        /* 报告主数字 */
  --fs-h2: 16px;        /* 区块标题 */
  --fs-body: 14px;      /* 正文 / 输入 */
  --fs-sm: 12.5px;      /* 次要说明 */
  --fs-caption: 11.5px; /* 字段注释 */
  --fs-cite: 11px;      /* 法条文号 */
  --lh: 1.6;
  --fw-normal: 400;
  --fw-medium: 500;     /* 强调（本项目不用 600/700，保持克制） */

  /* ---------- 6. 间距（4 的倍数） ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;
  --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;

  /* ---------- 7. 圆角 ---------- */
  --r-card: 16px;    /* 大卡片 */
  --r-ctrl: 8px;     /* 按钮 / 输入框 */
  --r-chip: 6px;     /* 标签 / 小按钮 */
  --r-inline: 4px;   /* 引文块 / 提示条 */

  /* ---------- 8. 阴影 ---------- */
  --shadow-card: 0 1px 3px rgba(0,0,0,.06);
  --shadow-pop:  0 8px 24px rgba(0,0,0,.12);

  /* ---------- 9. 布局 ---------- */
  --layout-max: 420px;   /* 移动端优先，桌面居中（沿用 prototype） */
  --hairline: 0.5px;     /* 微信系 hairline 描边 */

  /* ---------- 10. 动效（克制，仅反馈） ---------- */
  --dur: 160ms;
  --ease: ease-out;
}

/* =============================================================
   迁移映射表（prototype.html → tokens.css）
   改造时按下表逐一替换，禁止另起新色
   ---------------------------------------------------------------
   #185FA5  → var(--brand-600)       按钮底 / 主数字 / 链接
   #0C447C  → var(--brand-700)       按钮 hover / 大数字
   #E6F1FB  → var(--brand-100)       计算区底 / 次要按钮底
   #B5D4F4  → var(--brand-200)       聚焦环 / 分隔
   #1A2B3C  → var(--ink-900)         h1 / h2
   #2C2C2A  → var(--ink-700)         正文
   #5F5E5A  → var(--ink-500)         副标题 / 说明
   #888780  → var(--ink-400)         文号 cite
   #D3D1C7  → var(--line)            卡片/输入框描边
   #B4B2A9  → var(--line-2)          上传区虚线
   #FAFBFC  → var(--surface-2)       分组块底
   #F5F6F7  → var(--surface-3)       引文块底
   #EEF1F5  → var(--bg)              页面底
   #B23A33  → var(--danger-600)      警示左边框 / 强调
   #A32D2D  → var(--danger-700)      警示边框
   #FCEBEB  → var(--danger-100)      警示底
   #501313  → var(--danger-ink)      警示文字
   #3B6D11  → var(--safe-700)        通过边框
   #EAF3DE  → var(--safe-100)        通过底
   #173404  → var(--safe-ink)        通过文字
   #FFF8E6  → var(--warn-100)        顶部提示条底
   #E8D5A0  → var(--warn-200)        顶部提示条边框
   ============================================================= */