/* ============================================================
   全局设计令牌 —— 全站字体/字号/节奏的唯一来源

   规则：各版式（sections.css）只能引用这里的变量，
   不得自行写死 font-size / font-family。
   参考文档提供的是版式与气质，不是字号——字号一律以此为准。
   ============================================================ */

:root {
  /* ---------- 字体 ---------- */
  --font: "Alibaba PuHuiTi", -apple-system, BlinkMacSystemFont,
          "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  /* 标注用等宽：普惠体无等宽版，拉丁走系统等宽，中文回落普惠体 */
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
               "Alibaba PuHuiTi", monospace;

  /* 普惠体 3.0 装了四档，不要臆造中间值（浏览器会合成假粗体，中文尤其难看）。
     字体按字重各自独立请求，声明了不用不会产生下载。 */
  --w-thin: 200;      /* 35 Thin —— 长独白 */
  --w-regular: 400;   /* 55 Regular —— 正文、标注、短独白 */
  --w-bold: 700;      /* 85 Bold —— 备用中间档，当前未使用 */
  --w-black: 900;     /* 115 Black —— 插封主句、姓名、关键数字 */

  /* ---------- 字号阶梯 ---------- */
  /* 六级，覆盖全站。新增版式若不够用，先考虑复用，不要新开一级 */
  /* 插封主句：一屏一句，手动分行，撑满可用宽度 */
  --fs-display: clamp(2.75rem, 11.5vw, 10.5rem);
  /* 短独白（2–3 行）与姓名 */
  --fs-title:   clamp(1.5rem, 3.6vw, 3rem);
  /* 插封内标题：比短独白重一大截、不足主句。
     供 .talk--strong 使用——标题要醒目，又不能盖过曲线/素材。 */
  --fs-section: clamp(2.5rem, 7vw, 6.25rem);
  /* 长独白（4 行以上，如「AI 的边界」那屏） */
  --fs-lead:    clamp(1.125rem, 2.2vw, 2rem);
  --fs-body:    clamp(0.9375rem, 1.1vw, 1.0625rem);
  --fs-meta:    clamp(0.8125rem, 0.9vw, 0.875rem);
  --fs-mono:    0.6875rem;                        /* 标注 11px，不随视口缩放 */

  /* 封面系专用的装饰大字：幽灵描边字与描边数字。
     不是正文阶梯的一部分——主句仍用 --fs-display。
     幽灵字为封面系插封共用（cover-open / cover-boundary），
     描边数字目前只有 cover-open 在用。 */
  --fs-cover-ghost:  clamp(7.5rem, 23vw, 26rem);
  --fs-cover-number: clamp(6rem, 18vw, 20rem);

  /* ---------- 行高 ----------
     参考页拉丁大标题用 0.8，中文照搬会让上下行笔画粘连。
     汉字是等高方块，没有 x-height 落差可压，1.0 已是极限。 */
  --lh-display: 1.0;
  --lh-title: 1.42;
  --lh-lead: 1.9;
  --lh-body: 1.85;

  /* ---------- 字距 ----------
     中文不用负字距（会挤掉汉字的呼吸），拉丁标注才用大字距。 */
  --ls-display: -0.005em;
  --ls-lead: 0.02em;
  --ls-mono: 0.2em;

  /* ---------- 色 ---------- */
  --bg: #000000;
  --fg: #ffffff;
  --muted: #7a7a7a;      /* 次要文字 */
  --dim: #3d3d3d;        /* 更弱的标注 */
  --border: #1c1c1c;
  --accent: #e5e4e2;     /* 铂金，仅用于结构标记与关键数字 */
  --accent-cover: #d6ee24; /* 封面专用荧光黄绿，参考 variant.com，仅首屏装饰 */

  /* ---------- 空间节奏 ---------- */
  --gutter: clamp(1.5rem, 5vw, 6rem);   /* 页面左右留白 */
  --stack: clamp(4rem, 10vh, 9rem);     /* 块间垂直间距 */
  --rule: 1px;
  /* 作品黑条高度：满屏作品（Dream / Fashion / 每日海报）的舞台让出这一截 */
  --work-bar-h: 70px;

  /* ---------- 动效 ---------- */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-inout: cubic-bezier(0.87, 0, 0.13, 1);
}

/* 窄屏：主句仍要占满可用宽度，行高略放松一点防粘连 */
/* 黑条在 ≤768px 收成单行 */
@media (max-width: 768px) {
  :root { --work-bar-h: 46px; }
}

@media (max-width: 640px) {
  :root {
    --fs-display: clamp(2.25rem, 13vw, 4rem);
    --lh-display: 1.06;
    --lh-lead: 1.95;
  }
}

/* 用户要求减少动效时，视差与入场一律退化为静态 */
@media (prefers-reduced-motion: reduce) {
  :root { --ease-out: linear; --ease-inout: linear; }
}