/*
 * Path: assets/css/typography.css
 * 說明：
 */

.typ-display {
  font-size: var(--fs-display);
  font-weight: var(--fw-bold);
  line-height: 1.15;
  letter-spacing: 0.2px;
}

.typ-h1 {
  font-size: var(--fs-h1);
  font-weight: var(--fw-bold);
  line-height: 1.25;
}

.typ-h2 {
  font-size: var(--fs-h2);
  font-weight: var(--fw-semibold);
  line-height: 1.3;
}

.typ-h3 {
  font-size: var(--fs-h3);
  font-weight: var(--fw-semibold);
  line-height: 1.35;
}

.typ-body {
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  color: var(--color-text);
}

.typ-small {
  font-size: var(--fs-small);
  color: var(--color-text-soft);
}

.typ-tiny {
  font-size: var(--fs-tiny);
  color: var(--color-text-muted);
}

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

.typ-mono {
  font-family: var(--font-family-mono);
}