.ui-text-display-lg,
.ui-text-display-md,
.ui-text-heading-xl,
.ui-text-heading-lg,
.ui-text-heading-md,
.ui-text-body-lg,
.ui-text-body-md,
.ui-text-body-sm,
.ui-text-caption,
.ui-text-label {
  margin: 0;
  color: var(--color-text-primary);
  font-family: var(--ui-font-sans);
}

.ui-text-display-lg {
  font-size: var(--text-display-lg-size);
  line-height: var(--text-display-lg-line);
  font-weight: 700;
}

.ui-text-display-md {
  font-size: var(--text-display-md-size);
  line-height: var(--text-display-md-line);
  font-weight: 700;
}

.ui-text-heading-xl {
  font-size: var(--text-heading-xl-size);
  line-height: var(--text-heading-xl-line);
  font-weight: 700;
}

.ui-text-heading-lg {
  font-size: var(--text-heading-lg-size);
  line-height: var(--text-heading-lg-line);
  font-weight: 600;
}

.ui-text-heading-md {
  font-size: var(--text-heading-md-size);
  line-height: var(--text-heading-md-line);
  font-weight: 600;
}

.ui-text-body-lg {
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-line);
  font-weight: 400;
}

.ui-text-body-md {
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-line);
  font-weight: 400;
}

.ui-text-body-sm {
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-line);
  font-weight: 400;
}

.ui-text-caption {
  font-size: var(--text-caption-size);
  line-height: var(--text-caption-line);
  font-weight: 400;
}

.ui-text-label {
  font-size: var(--text-label-size);
  line-height: var(--text-label-line);
  font-weight: 500;
}