/* =========================================================================
   保合咨询 PowerHelm — Design Tokens
   概念：墨与电 / Ink & Current —— 编辑式奢华 × 能源科技
   ========================================================================= */

:root {
  /* ---- 色彩：宣纸底 · 墨青 · 鎏金 · 青电 ---- */
  --paper:        oklch(96.5% 0.008 85);    /* 宣纸暖白 base */
  --paper-2:      oklch(94% 0.010 84);       /* 略深的纸 */
  --paper-edge:   oklch(90% 0.012 82);       /* 纸张边界 / hairline 底 */

  --ink:          oklch(22% 0.022 240);      /* 墨青 — 主文字 / 深色段 */
  --ink-2:        oklch(28% 0.028 238);      /* 墨青略浅 */
  --ink-soft:     oklch(40% 0.020 236);      /* 次级文字 */
  --ink-mute:     oklch(54% 0.014 235);      /* 弱文字 */

  --gold:         oklch(66% 0.090 78);       /* 鎏金 — 利贞 / 能源 / 主点缀 */
  --gold-deep:    oklch(56% 0.085 70);       /* 深金 */
  --gold-soft:    oklch(78% 0.060 82);       /* 浅金 */

  --teal:         oklch(62% 0.085 196);      /* 青电 — 数智 / 电流 */
  --teal-bright:  oklch(72% 0.110 195);      /* 亮青电 — 流动高光 */

  /* ---- 语义色 ---- */
  --bg:           var(--paper);
  --bg-ink:       var(--ink);
  --text:         var(--ink);
  --text-soft:    var(--ink-soft);
  --text-mute:    var(--ink-mute);
  --accent:       var(--gold);
  --line:         color-mix(in oklab, var(--ink) 14%, transparent);
  --line-strong:  color-mix(in oklab, var(--ink) 26%, transparent);

  /* on-ink（深色段内） */
  --on-ink-text:  oklch(92% 0.012 85);
  --on-ink-soft:  oklch(74% 0.014 85);
  --on-ink-mute:  oklch(58% 0.016 86);
  --on-ink-line:  color-mix(in oklab, var(--on-ink-text) 16%, transparent);

  /* ---- 字体 ---- */
  --font-zh-serif: "Noto Serif SC", "Songti SC", "STSong", serif;
  --font-zh-sans:  "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-en-serif: "Fraunces", "Noto Serif SC", Georgia, serif;
  --font-en-sans:  "Hanken Grotesk", "Noto Sans SC", system-ui, sans-serif;
  --font-mono:     "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;

  /* 语言相关（由 [lang] 切换覆盖） */
  --font-display:  var(--font-zh-serif);
  --font-body:     var(--font-zh-sans);

  /* ---- 字阶（流体，克制精致） ---- */
  --t-mono:   clamp(0.66rem, 0.63rem + 0.14vw, 0.74rem);
  --t-sm:     clamp(0.8rem, 0.77rem + 0.18vw, 0.88rem);
  --t-base:   clamp(0.96rem, 0.92rem + 0.22vw, 1.04rem);
  --t-lead:   clamp(1.08rem, 1rem + 0.38vw, 1.28rem);
  --t-h3:     clamp(1.25rem, 1.08rem + 0.72vw, 1.62rem);
  --t-h2:     clamp(1.6rem, 1.2rem + 1.55vw, 2.5rem);
  --t-h1:     clamp(2rem, 1.4rem + 2.3vw, 3.3rem);
  --t-mega:   clamp(2.8rem, 1.8rem + 4.5vw, 5rem);

  /* ---- 间距节奏 ---- */
  --space-section: clamp(5rem, 3.5rem + 7vw, 11rem);
  --gutter:        clamp(1.25rem, 0.8rem + 2.2vw, 3rem);
  --maxw:          1320px;
  --maxw-text:     68ch;

  /* ---- 动效 ---- */
  --dur-fast:   180ms;
  --dur:        420ms;
  --dur-slow:   900ms;
  --ease:       cubic-bezier(0.22, 1, 0.36, 1);     /* out-expo 近似 */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- 其他 ---- */
  --radius:     2px;
  --shadow-sm:  0 1px 2px rgba(18, 28, 38, 0.04), 0 4px 16px rgba(18, 28, 38, 0.05);
  --shadow:     0 8px 24px rgba(18, 28, 38, 0.08), 0 24px 60px rgba(18, 28, 38, 0.10);
  --shadow-lg:  0 30px 80px rgba(14, 22, 30, 0.20);
}

/* 英文模式：切换显示/正文字体族 */
:root[lang="en"] {
  --font-display: var(--font-en-serif);
  --font-body:    var(--font-en-sans);
}