/* ============================================================
   山海有灵 · 设计令牌
   方向：明清《山海经》刻本版画 — 宣纸为底、墨线为骨、朱砂点睛
   ============================================================ */

:root {
  /* —— 色板 · 宣纸与墨 —— */
  --paper:        #f4ecd8;   /* 主宣纸底 */
  --paper-2:      #ece1c8;   /* 次宣纸 */
  --paper-deep:   #e3d4b3;   /* 深宣纸 / 卡片 */
  --paper-shade:  #d8c9a4;   /* 更深的折痕 */

  --ink:          #1c1a17;   /* 浓墨 */
  --ink-soft:     #3b352b;   /* 墨 */
  --ink-faint:    #6b6253;   /* 淡墨 */
  --ink-ghost:    #9a907c;   /* 极淡墨 / 边线 */

  /* —— 色板 · 点睛 —— */
  --cinnabar:       #b23a2e;   /* 朱砂 */
  --cinnabar-deep:  #8c2a20;   /* 深朱砂 */
  --cinnabar-soft:  #d96a5a;   /* 浅朱砂 */

  /* —— 色板 · 辅 —— */
  --mountain:  #3d4a52;   /* 远山青 */
  --tea:       #8a6d4b;   /* 茶褐 */
  --gold:      #b08d57;   /* 金 */
  --jade:      #5d7a6a;   /* 玉 */

  /* —— 字体 —— */
  --font-serif:   'Noto Serif SC', 'Songti SC', 'STSong', 'SimSun', serif;
  --font-display: 'Ma Shan Zheng', 'KaiTi', 'STKaiti', cursive;
  --font-sub:     'ZCOOL XiaoWei', 'Noto Serif SC', serif;

  /* —— 字号阶梯 —— */
  --fs-xs:   0.75rem;   /* 12 */
  --fs-sm:   0.875rem;  /* 14 */
  --fs-base: 1rem;      /* 16 */
  --fs-md:   1.125rem;  /* 18 */
  --fs-lg:   1.375rem;  /* 22 */
  --fs-xl:   1.75rem;   /* 28 */
  --fs-2xl:  2.5rem;    /* 40 */
  --fs-3xl:  4rem;      /* 64 */
  --fs-hero: 6rem;      /* 96 卷首大字 */

  /* —— 行高 —— */
  --lh-tight:  1.2;
  --lh-snug:   1.45;
  --lh-base:   1.75;
  --lh-loose:  2;

  /* —— 字距 —— */
  --ls-wide:    0.18em;
  --ls-normal:  0.04em;
  --ls-tight:  -0.01em;

  /* —— 间距阶梯（4 的倍数） —— */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  /* —— 容器 —— */
  --container:   1200px;
  --container-narrow: 760px;
  --gutter:      32px;

  /* —— 圆角 —— */
  --r-none: 0;
  --r-sm:   2px;
  --r-md:   4px;
  --r-lg:   8px;
  --r-pill: 999px;

  /* —— 边线 —— */
  --line-hair: 1px;
  --line-ink:  1.5px;
  --line-bold: 3px;

  /* —— 阴影（克制，墨痕感） —— */
  --shadow-ink:    0 1px 2px rgba(28,26,23,0.08), 0 8px 24px -12px rgba(28,26,23,0.18);
  --shadow-card:   0 2px 4px rgba(28,26,23,0.06), 0 16px 40px -20px rgba(28,26,23,0.22);
  --shadow-seal:   0 2px 6px rgba(178,58,46,0.28);

  /* —— 动效 —— */
  --ease-ink:     cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-spread:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:     180ms;
  --dur-base:     320ms;
  --dur-slow:     640ms;
  --dur-reveal:   900ms;

  /* —— 层级 —— */
  --z-bg:       0;
  --z-content:  10;
  --z-nav:      100;
  --z-modal:    1000;

  /* —— 宣纸噪声纹理（feTurbulence，data URI） —— */
  --noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.11 0 0 0 0 0.10 0 0 0 0 0.09 0 0 0 0.42 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>");
}