/*
 * base.css —— 排版与全局基础（方案 §13.6）
 * 只引用 tokens.css 的变量；不写魔法值。
 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  font-weight: var(--fw-body);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

/* 标题三档：h1 用 18/600；更小的标题沿用正文档 + 600 字重 */
h1, h2, h3 {
  margin: 0 0 var(--sp-3);
  font-size: var(--fs-title);
  font-weight: var(--fw-title);
  line-height: 1.3;
  color: var(--text);
}

/* 段落与辅助文字 */
p {
  margin: 0 0 var(--sp-3);
  color: var(--text-2);
}

small, .meta {
  font-size: var(--fs-meta);
  color: var(--text-3);
}

/* 内容容器：窄内容居中，宽度由 token 控制 */
.container {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: var(--sp-5) var(--sp-4);
}

/* 链接：中性文字色，hover 金色（金色使用地图 §13.6） */
a {
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--border-2);
  transition: color var(--dur-hover) ease, border-color var(--dur-hover) ease;
}

a:hover {
  color: var(--gold-ink);
  border-bottom-color: var(--gold);
}

/* 章节眉标：小号大写 + 金色（金色使用地图 §13.6） */
.eyebrow {
  font-size: var(--fs-meta);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-ink);
  margin-bottom: var(--sp-2);
}

/* 代码与等宽内容 */
code, pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: var(--fs-meta);
}