/* ============================================
   Typography
   - 宋体标题 + 无衬线正文，营造东方克制的高级感
   ============================================ */

html {
  font-size: 16px;
}

body {
  font-family: var(--font-cn-body);
  font-size: var(--text-body);
  line-height: var(--leading-normal);
  color: var(--color-secondary);
  background-color: var(--color-cream);
}

::selection {
  background-color: rgba(139, 105, 20, 0.18);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-cn-heading);
  color: var(--color-primary);
  font-weight: 500;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-normal);
  margin: 0;
}

p {
  margin: 0;
  line-height: var(--leading-relaxed);
}

a {
  color: inherit;
  text-decoration: none;
}

small,
.text-caption {
  font-size: var(--text-caption);
  color: var(--color-stone);
}

.text-small {
  font-size: var(--text-small);
  color: var(--color-stone);
}

.text-muted {
  color: var(--color-stone);
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-brand-en {
  font-family: var(--font-en-display);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}