/* ==========================================================================
   珍视福 ZHENSHIFU — Design Tokens
   宣纸 · 墨 · 一滴水
   ========================================================================== */

:root {
  /* ---------- 纸张（底面） ---------- */
  --paper:        #F5F0E6;   /* 主底：宣纸米白 */
  --paper-2:      #FBF8F2;   /* 抬起：卡片 / 表头 */
  --paper-3:      #EDE5D6;   /* 下沉：分隔底 / 标签底 */
  --paper-line:   #DFD6C4;   /* 纸上的硬分隔线 */

  /* ---------- 墨（文字） ---------- */
  --ink:          #16201E;   /* 标题 / 主文 */
  --ink-2:        #333F3B;   /* 次级正文 */
  --ink-3:        #5C665F;   /* 辅助说明（对纸底 5.0:1） */
  --ink-4:        #8B948D;   /* 极弱：编号 / 眉标 */

  /* ---------- 海蓝（取自包装主色） ---------- */
  --blue-900:     #08283C;
  --blue-800:     #0C3A57;
  --blue-700:     #124F70;
  --blue-500:     #1D6F9C;
  --blue-300:     #7FB6D2;
  --blue-100:     #DCEBF4;

  /* ---------- 玉（取自商标叶形） ---------- */
  --jade:         #5A9440;
  --jade-2:       #83B565;
  --jade-100:     #E4EEDC;

  /* ---------- 金（发丝线 / 编号） ---------- */
  --gold:         #A98449;
  --gold-2:       #C9AE7C;
  --gold-100:     #EFE4CE;

  /* ---------- 语义 ---------- */
  --line:         rgba(22, 32, 30, .13);
  --line-soft:    rgba(22, 32, 30, .07);
  --line-dark:    rgba(245, 240, 230, .18);
  --focus:        #1D6F9C;

  /* ---------- 字体 ---------- */
  --font-serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC",
                "STSong", "SimSun", Georgia, serif;
  --font-sans:  "PingFang SC", "Noto Sans SC", "Microsoft YaHei",
                "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-latin: Georgia, "Times New Roman", "Songti SC", serif;

  /* ---------- 字号（流体） ----------
     上限按「一行放得下 6 个全角字」倒推：首屏标题第二行是
     「先调，后养。」共 6 字，半幅栅格宽 552px，故上限取 76px。 */
  --fs-display: clamp(38px, 5.3vw, 76px);
  --fs-h1:      clamp(27px, 3.5vw, 46px);
  --fs-h2:      clamp(24px, 2.9vw, 38px);
  --fs-h3:      clamp(19px, 1.6vw, 23px);
  --fs-lead:    clamp(17px, 1.35vw, 20px);
  --fs-body:    16px;
  --fs-sm:      14px;
  --fs-xs:      12px;
  --fs-micro:   11px;

  /* ---------- 间距（4 基准） ---------- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px;

  --sec-y: clamp(76px, 10vw, 148px);
  --gut: 24px;
  --maxw: 1240px;

  /* ---------- 层次 ---------- */
  --shadow-paper: 0 1px 0 rgba(22,32,30,.04), 0 18px 40px -28px rgba(22,32,30,.35);
  --shadow-float: 0 40px 80px -50px rgba(8,40,60,.55), 0 8px 24px -16px rgba(8,40,60,.3);
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .62s;
}

/* 深色段落（机理段）局部覆盖 */
[data-surface="dark"] {
  --ink:        #F2EDE2;
  --ink-2:      #D9D2C2;
  --ink-3:      #A8B8BF;
  --ink-4:      #7E949D;
  --line:       rgba(242, 237, 226, .16);
  --line-soft:  rgba(242, 237, 226, .09);
  --paper:      var(--blue-900);
  --paper-2:    rgba(255,255,255,.045);
}