/* ============================================================
   variables.css · 设计令牌（Design Tokens）
   ------------------------------------------------------------
   高端编辑风升级 · 纯灰阶 · 8pt 网格 · 细字重英雄姓名
   全局唯一真相源：颜色 / 字体 / 字号 / 间距 / 尺寸
   ============================================================ */

:root {
  /* —— 颜色系统 · 纯灰阶（4 级明度 + 角标/线条） —— */
  --c-bg:        #FAFAFA;   /* 浏览器视口背景 */
  --c-paper:     #FAFAF8;   /* A4 纸张 · 暖白（带纸感颗粒） */

  --c-ink:       #202124;   /* 一级：姓名 / 项目标题 / 公司 */
  --c-body:      #666666;   /* 二级：正文 / 项目描述 */
  --c-muted:     #999999;   /* 三级：时间 / 技术栈 / 联系方式标签 */
  --c-faint:     #B8B8B8;   /* 角标：章节编号 / 页眉页脚小字 */
  --c-deco:      #D0D0D0;   /* 四级：装饰 / 章节横线 */

  --c-line:      #ECECEC;   /* 结构分割线（极淡） */
  --c-rule:      #D0D0D0;   /* 章节标题下短横线 */
  /* 强调色已移除：纯灰阶，仅靠字重 / 字号 / 明度建立层级 */

  /* —— 字体系统 —— */
  --font-sans: "Inter", "Noto Sans SC", "HarmonyOS Sans SC",
               "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Roboto Mono", "Courier New", monospace;

  /* —— 字号层级 —— */
  --fs-name:    68px;   /* 英雄姓名（细字重，第一视觉焦点） */
  --fs-project: 22px;   /* 项目标题 */
  --fs-company: 18px;   /* 公司 */
  --fs-role:    13px;   /* 岗位 */
  --fs-body:    13.5px; /* 正文 */
  --fs-section: 13px;   /* 章节标题 */
  --fs-index:   10px;   /* 章节编号 01. */
  --fs-stack:   11px;   /* 技术栈 / 小标签 */
  --fs-corner:  10px;   /* 页眉 / 页脚 角标 */
  --fs-mono-sm: 10.5px; /* 等宽小字（日期等） */

  /* —— 字重 —— */
  --fw-thin:     200;    /* 姓名 */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;

  /* —— 行高 —— */
  --lh-name: 0.9;       /* 姓名：极紧，杂志感 */
  --lh-tight: 1.2;
  --lh-cozy:  1.5;
  --lh-body:  1.9;      /* 正文呼吸 */

  /* —— 字间距 —— */
  --ls-name:    2px;
  --ls-role:    4px;
  --ls-section: 4px;
  --ls-index:   2px;
  --ls-stack:   2px;
  --ls-corner:  2px;

  /* —— 间距节奏 · 严格 8pt 网格（仅允许下列值） —— */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --sp-7: 96px;

  /* —— 阅读列宽（About 正文，每行 28~32 字） —— */
  --read-w: 580px;

  /* —— A4 物理尺寸（210mm × 297mm） —— */
  /* --a4-w:      210mm; */
  --a4-w:      80%;
  --a4-h:      297mm;
  --margin-x:  22mm;    /* 左右页边距 */
  --margin-y:  18mm;    /* 上下页边距（顶部页眉 + 英雄区留呼吸） */

  /* —— 栅格：左栏 / 右栏 —— */
  --rail-pct: 33%;      /* 左栏略宽，给联系信息留呼吸 */
  --col-gap:  12mm;     /* 双栏间距 */

  /* —— 章节横线（编辑式短横线） —— */
  --rule-h:   0.5px;
  --rule-len: 64px;     /* 需求 60–80px */

  /* —— monogram —— */
  --mono-size: 52px;    /* 英雄区字母标识直径 */

  /* —— 屏幕纸张阴影（极淡，仅区分层次，非"大阴影"） —— */
  --shadow-paper: 0 1px 1px rgba(32, 34, 36, 0.04),
                  0 16px 56px rgba(32, 34, 36, 0.07);

  /* —— 纸张噪点强度（质感，1~2%） —— */
  --noise-opacity: 0.035;

  /* —— 动效曲线 / 时长 —— */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.5s;
}