.title {
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text-base);
}

.heading {
  font-family: var(--font-ui);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-text-base);
}

.text-body {
  font-family: var(--font-ui);
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-text-base);
}

.text-body-bold {
  font-family: var(--font-ui);
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-base);
}

.text-caption {
  font-family: var(--font-ui);
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--color-text-muted);
}

.text-small {
  font-family: var(--font-ui);
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-text-muted);
}

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

.text-error {
  color: var(--color-negative);
}

.mb-1 {
  margin-bottom: calc(var(--space-1) * 1);
}

.mb-2 {
  margin-bottom: calc(var(--space-2) * 2);
}

.mb-3 {
  margin-bottom: calc(var(--space-3) * 3);
}

.mb-4 {
  margin-bottom: calc(var(--space-4) * 4);
}

.mb-5 {
  margin-bottom: calc(var(--space-5) * 5);
}