/* ==========================================================================
   tokens.css — 无疆数域 / Boundless Domain
   设计语言：极简编辑体（纯黑白 · 巨型常规字 · 大片留白）

   三条不能破的规矩：
   1) 巨型标题一律 font-weight 400。粗体在大字号下只会显得吵，不显得贵。
   2) 字号越大，字距越负、行高越紧（100px 以上行高压到 0.92）。
   3) 颜色只有黑与白。强调靠字号、留白与黑白反转，不靠色彩。
   ========================================================================== */

:root {
  /* ---------- 色板：只有黑白与其间的灰 ---------- */
  --white:      #FFFFFF;
  --black:      #0A0A0A;

  --ink:        #0A0A0A;   /* 白底上的正文 */
  --ink-mute:   #6B6B6B;
  --ink-faint:  #A8A8A8;

  --paper:      #FAFAF9;   /* 次级白底，用于分区 */

  --on-dark:        #F5F4F2;   /* 黑底上的正文 */
  --on-dark-mute:   #8A8A87;
  --on-dark-faint:  #4A4A47;

  /* 品牌蓝：取自采集 app 图标的线条色。全站只有标记用它，正文一律黑白。 */
  --brand:      #1FA2F5;

  --hair:       rgba(10, 10, 10, .13);
  --hair-dark:  rgba(245, 244, 242, .17);

  /* ---------- 排版尺度 ----------
     参照 atlas 实测：88–115px / weight 400 / 字距 -0.035~-0.055em / 行高 0.9–1.02 */
  --fs-mega:  clamp(2.4rem, 6.2vw, 6rem);    /* 一屏一句的巨型陈述 */
  --fs-huge:  clamp(1.8rem, 3.9vw, 3.6rem);  /* 段落主标题 */
  --fs-big:   clamp(1.5rem, 2.6vw, 2.4rem);
  --fs-lead:  clamp(1rem, 1.28vw, 1.2rem);    /* 引导语 */
  --fs-body:  clamp(.9rem, 1vw, 1rem);
  --fs-label: .6875rem;                        /* 等宽小标签 */

  --ls-mega: -.045em;
  --ls-huge: -.032em;
  --ls-big:  -.022em;

  --lh-mega: .96;
  --lh-huge: 1.04;
  --lh-body: 1.6;

  --ls-label: .16em;
  --ls-label-cjk: .3em;

  /* ---------- 间距 ----------
     留白是这套设计的主要材料，给得比直觉更多。 */
  --gutter:    clamp(1.5rem, 4.6vw, 5.5rem);
  /* 目标：全站 6 屏左右。每段大约一屏，段落留白必须克制。 */
  --section-y: clamp(3.2rem, 6vh, 5.2rem);
  --maxw:      1600px;

  /* ---------- 行宽 ----------
     ⚠️ 只设在字号大的元素本身，绝不设在容器上——
     em/ch 按元素自身字号算，容器是正文 16px，会把大标题压成窄柱。
     中文一个字≈1em，英文一个字母≈0.5em，同一数值两种语言差一倍。 */
  --measure-mega: 17em;
  --measure-huge: 18em;
  --measure-lead: 42em;


  --font-sans: 'Inter', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-cjk:  'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: .3s;
  --dur:      .7s;
  --dur-slow: 1.3s;

  --z-nav: 100;

  /* 全站影像统一调色：去饱和 + 压暗 + 提对比，让所有素材像同一部片子 */
  --grade: grayscale(.42) brightness(.72) contrast(1.14);
}

/* 中文：同字号下汉字视觉更重更满，要降一档、把字距放回 0、行高放松；
   行宽也要减半左右。 */
:root[lang='zh'] {
  --fs-mega: clamp(2.1rem, 5.6vw, 5.6rem);
  --fs-huge: clamp(1.7rem, 3.6vw, 3.4rem);
  --fs-big:  clamp(1.3rem, 2.1vw, 1.9rem);

  --ls-mega: -.02em;
  --ls-huge: -.01em;
  --ls-big:  0;

  --lh-mega: 1.24;
  --lh-huge: 1.36;

  --measure-mega: 15em;
  --measure-huge: 16em;
  --measure-lead: 24em;

}