h1, .h1 {
  font-family: var(--font-primary);
  font-weight: var(--fw-bold);
  font-size: var(--fs-h1);
  line-height: var(--lh-tight);
}

h2, .h2 {
  font-family: var(--font-primary);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-h2);
  line-height: var(--lh-tight);
}

h3, .h3 {
  font-family: var(--font-primary);
  font-weight: var(--fw-medium);
  font-size: var(--fs-h3);
  line-height: var(--lh-tight);
}

h4, .h4 {
  font-family: var(--font-primary);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-h4);
  line-height: var(--lh-base);
}

.h4-medium {
  font-family: var(--font-primary);
  font-weight: var(--fw-medium);
  font-size: var(--fs-h4);
  line-height: var(--lh-base);
}

/* Body large */
.body-lg-medium {
  font-family: var(--font-primary);
  font-weight: var(--fw-medium);
  font-size: var(--fs-body-lg);
  line-height: var(--lh-base);
}

.body-lg {
  font-family: var(--font-primary);
  font-weight: var(--fw-regular);
  font-size: var(--fs-body-lg);
  line-height: var(--lh-base);
}

/* Body */
.body-semibold {
  font-family: var(--font-primary);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-body);
  line-height: var(--lh-base);
}

.body-medium {
  font-family: var(--font-primary);
  font-weight: var(--fw-medium);
  font-size: var(--fs-body);
  line-height: var(--lh-base);
}

.body {
  font-family: var(--font-primary);
  font-weight: var(--fw-regular);
  font-size: var(--fs-body);
  line-height: var(--lh-base);
}

/* Body small */
.body-sm-medium {
  font-family: var(--font-primary);
  font-weight: var(--fw-medium);
  font-size: var(--fs-body-sm);
  line-height: var(--lh-base);
}

.body-sm {
  font-family: var(--font-primary);
  font-weight: var(--fw-regular);
  font-size: var(--fs-body-sm);
  line-height: var(--lh-base);
}

/* Caption */
.caption {
  font-family: var(--font-primary);
  font-weight: var(--fw-regular);
  font-size: var(--fs-caption);
  line-height: var(--lh-base);
}