/* GEI 官网 v3-jp · Design Tokens → CSS 变量
   权威源: docs/design/v3-jp/design-tokens.json
   现代日式极简 (MUJI / Takram) · washi/sumi + 唯一朱 · 推翻 v2 墨蓝 */

:root {
  /* —— 背景 —— */
  --bg-washi:   #F4F1EA;  /* 主背景 · 和纸米白 */
  --bg-kinari:  #EAE5DA;  /* 分节交替次背景 */
  --bg-sumi:    #1C1A17;  /* 深色反转区 (仅段7) */

  /* —— 文字 —— */
  --ink-sumi:    #1C1A17; /* 主文字 · 暖黑 (禁纯黑) */
  --ink-nezumi:  #5A554C; /* 正文/次级 · 鼠 (承载可读副标/role/单位) */
  --ink-usuzumi: #9A9388; /* 注释/弱信息 · 淡墨 (仅纯装饰) */
  --ink-on-dark: #F4F1EA; /* 深底反白字 */

  /* —— 朱 (唯一强调) —— */
  --shu:     #C8472F;  /* 大字/装饰/填充/朱印 — 每屏 ≤1 处呼吸点 */
  --shu-ink: #A53A26;  /* hover/active 加深; 也用于"文本要用朱"的小字场景 (5.76 ✓) */

  /* —— 细线 (替卡片阴影) —— */
  --line-whisper:  #1C1A1714; /* 0.5–1px 分隔 */
  --line-hairline: #1C1A170A; /* 更弱细线 */

  /* —— 字体 · v5-EN: 单家族编辑衬线 Newsreader (display+body 同族, 双视觉光学), Latin 子集自托管 ——
     display = 标题/章扉/能力名/朱印/卷轴标题; body = 正文/价值句/注释; latin = 微标签/进度/数字 (lining+tabular) */
  --font-display: "Newsreader", "Spectral", "EB Garamond", Georgia, serif;
  --font-body:    "Newsreader", "Source Serif 4", Georgia, serif;
  --font-latin:   "Newsreader", system-ui, sans-serif;

  /* —— 字号刻度 (clamp 多沿用 v4; 优雅 delta 在 line-height/tracking/measure, 见 main.css) —— */
  --fs-display-xl: clamp(2.75rem, 6vw, 5rem);
  --fs-display-l:  clamp(2rem, 4vw, 3.25rem);
  --fs-heading:    clamp(1.4rem, 2.2vw, 1.85rem);
  --fs-lead:       clamp(1.05rem, 1.5vw, 1.3rem);
  --fs-body:       1.0625rem; /* 17px */
  --fs-small:      0.9rem;
  --fs-label:      0.72rem;

  /* —— 間(ma) 留白尺度 —— */
  --sp-1: 0.5rem;  --sp-2: 1rem;   --sp-3: 1.5rem; --sp-4: 2rem;
  --sp-6: 3rem;    --sp-8: 4rem;   --sp-12: 6rem;  --sp-16: 8rem; --sp-20: 10rem;
  --section-y-min:   6rem;
  --section-y-base:  8rem;
  --section-y-loose: 10rem;
  --island-gap: 3rem;

  /* —— 版式 · Latin-tuned measure (在真实 Latin body 字测; 替 v4 的 62ch≈90 Latin 字过长) —— */
  --measure: 66ch;        /* 正文 prose */
  --measure-lead: 54ch;   /* lead 引文更短更紧 (Kinfolk 手法) */
  --w-content: 880px;
  --w-wide: 1200px;

  /* —— 圆角 (克制) —— */
  --r-xs: 2px;
  --r-sm: 4px;

  /* —— 动效 tokens (克制日式 · 无 blur/无 bounce) —— */
  --ease-calm: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --d-fast:   180ms;
  --d-base:   320ms;
  --d-slow:   560ms;
  --d-reveal: 720ms;
  --reveal-distance: 16px;
  --reveal-stagger:  90ms;

  /* ============ v4「做厚」增量 tokens ============ */

  /* —— 新字阶 (Latin) —— */
  --fs-chapter:    clamp(3rem, 8vw, 7rem);        /* 章扉幕单大词, 横排 */
  --fs-cap-value:  clamp(1.2rem, 2.2vw, 1.6rem);  /* 能力一句价值 */
  --fs-scroll-tag: clamp(0.9rem, 1.3vw, 1.05rem); /* 文档卷轴衬线标题 */

  /* —— 能力区一屏节奏 —— */
  --cap-screen-min-h: 100svh;
  --cap-screen-pad-y: clamp(6rem, 12vh, 10rem);
  --cap-col-gap:      clamp(3rem, 8vw, 8rem);
  --cap-name-to-value: 1.5rem;
  --cap-value-to-svg: clamp(2.5rem, 5vh, 4rem);
  --w-capability: 1080px;

  /* —— 章扉幕 —— */
  --chapter-min-h:    92svh;
  --chapter-ink-margin: clamp(8vh, 14vh, 16vh);

  /* —— 文档卷轴 —— */
  --scroll-card-w:   clamp(120px, 16vw, 168px);
  --scroll-card-gap: clamp(0.75rem, 1.5vw, 1.25rem);
  --scroll-stripe-gap: 10px;

  /* —— 时间线 —— */
  --tl-node-r: 5px;
  --tl-avatar-d: 36px;

  /* —— 证据 SVG —— */
  --svg-stroke-ink: var(--ink-sumi);
  --svg-stroke-w:   1.5;
  --svg-stroke-w2:  1;

  /* —— v4 动效 tokens (anime.js 4 处编排; 克制) —— */
  --d-draw:  1100ms;   /* createDrawable 描出 */
  --d-count: 900ms;    /* 数字 count-up */
  --d-seal:  300ms;    /* 朱印盖落 */
}