/* cricket-ui · Typography
 * 依赖：tokens.css（字号和行高变量）
 */

/* 基础排版重置 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  color: var(--c-body);
  -webkit-font-smoothing: antialiased;
}

/* 标题层级 */
.display {
  font-size: var(--fs-display);
  font-weight: 800;
  line-height: var(--lh-tight);
  letter-spacing: -0.02em;
}

h1, .h1 {
  font-size: var(--fs-h1);
  font-weight: 700;
  line-height: var(--lh-tight);
}

h2, .h2 {
  font-size: var(--fs-h2);
  font-weight: 600;
  line-height: var(--lh-tight);
}

h3, .h3 {
  font-size: var(--fs-h3);
  font-weight: 600;
  line-height: var(--lh-tight);
}

/* 正文 */
.body-text {
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
}

/* 辅助 */
.text-sm {
  font-size: var(--fs-sm);
  color: var(--c-secondary);
}

.text-xs {
  font-size: var(--fs-xs);
  color: var(--c-muted);
}

/* 链接 */
a {
  color: var(--c-blue);
  text-decoration: none;
}
a:hover {
  color: var(--c-blue-light);
}