/* ============================================================
 * 酷猫法律 · Design Tokens
 *
 * Source of truth: Claude Design handbook · 审合同界面 v8.html (:root)
 * 凡未由 handbook 直接覆盖的值,按 handbook 同源最近邻规则推导。
 *
 * 规则:Step D 及以后所有 CSS 严禁写硬编码视觉值,只引用本文件的 var(--*)。
 *      组件特有的一次性数值(如某 modal 专属 shadow / 某动画的 box-shadow ring)可在组件本地写,
 *      但 token 化的数值(radius / shadow-md / fw-medium 之类)必须用 token。
 * ============================================================ */

:root {
  /* ============ 颜色 · paper / surface ============ */
  --paper:        #FAF8F4;
  --paper-2:      #F4EFE5;
  --surface:      #FFFFFF;
  --surface-sunk: #F7F3EA;

  /* ============ 颜色 · ink (Linear 式克制灰阶) ============ */
  --ink-1: #161513;   /* primary */
  --ink-2: #3C3833;
  --ink-3: #6B655C;
  --ink-4: #968F83;
  --ink-5: #B8B0A2;

  /* ============ 颜色 · line (边界,克制) ============ */
  --line:        #E8E2D4;
  --line-strong: #D6CFBE;
  --line-soft:   #F0EADD;

  /* ============ 颜色 · accent (深墨蓝,纸感配色) ============ */
  --accent:      #1F3957;
  --accent-soft: #E8EBF1;
  --accent-ink:  #14253A;

  /* ============ 颜色 · risk (编辑式而非警示式) ============ */
  --high:    #A8341E;
  --high-bg: #FAEEEA;
  --mid:     #946616;
  --mid-bg:  #F8EFDA;
  --low:     #4A6741;
  --low-bg:  #ECEFE5;

  /* ============ 颜色 · accepted/success (已采纳态绿) ============ */
  --accepted:      #4A6741;   /* = --low,成功绿 */
  --accepted-bg:   #F0F7F0;
  --accepted-line: #C8DEC0;
  --accepted-ink:  #2D5236;

  /* ============ inline 风险高亮 (段内下划线) ============ */
  --inline-underline-thickness: 2px;
  --inline-underline-offset:    0.18em;

  /* ============ 圆角 ============ */
  --radius:    6px;   /* 按钮 / chip / pill / 小容器 */
  --radius-lg: 10px;  /* card / page / overlay / modal */

  /* ============ 字号 (Linear 式阶梯) ============ */
  --t-11: 11px;
  --t-12: 12px;
  --t-13: 13px;
  --t-14: 14px;
  --t-15: 15px;
  --t-16: 16px;
  --t-18: 18px;
  --t-22: 22px;
  --t-28: 28px;

  /* ============ 字重 ============ */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;

  /* ============ 行距 ============ */
  --lh-tight:   1.3;   /* 大标题 */
  --lh-snug:    1.45;  /* 卡片标题 / pills */
  --lh-normal:  1.55;  /* 正文 / body */
  --lh-loose:   1.7;   /* placeholder / empty state */
  --lh-relaxed: 1.85;  /* 合同正文段落 (阅读优化) */

  /* ============ 字间距 ============ */
  --ls-tight: -0.02em;  /* 大标题 */
  --ls-wide:   0.04em;  /* 小写 + 微距离 */
  --ls-caps:   0.12em;  /* 全大写标签 / 眉批 */

  /* ============ 间距 scale ============ */
  --space-xs:  4px;
  --space-sm:  6px;
  --space-md:  10px;
  --space-lg:  14px;
  --space-xl:  20px;
  --space-2xl: 28px;

  /* ============ 阴影 (canonical) ============ */
  --shadow-xs:    0 1px 0 rgba(22,21,19,0.02), 0 1px 2px rgba(22,21,19,0.03);   /* doc-page / 卡片外框 */
  --shadow-sm:    0 1px 2px rgba(22,21,19,0.06);                                /* seg button on / 浮起 */
  --shadow-md:    0 4px 12px -4px rgba(22,21,19,0.10);                          /* popover (stash) */
  --shadow-lg:    0 10px 36px -8px rgba(22,21,19,0.18);                         /* overlay card */
  --shadow-xl:    0 24px 64px -16px rgba(22,21,19,0.32), 0 4px 12px rgba(22,21,19,0.08); /* modal */
  --shadow-focus: 0 0 0 3px rgba(22,21,19,0.05);                                /* input focus 墨色 */
  --shadow-focus-accent: 0 0 0 3px var(--accent-soft);                          /* input focus 蓝色 */

  /* ============ 过渡 ============ */
  --t-fast: 120ms;
  --t-base: 150ms;
  --t-slow: 250ms;
}