@layer components {
  .textstyle-title-3xl {
    @apply text-5xl font-space font-bold;
  }

  .textstyle-title-2xl {
    @apply text-4xl font-space font-bold;
  }

  .textstyle-title-xl {
    @apply text-3xl font-space font-bold;
  }

  .textstyle-title-lg {
    @apply text-2xl font-space font-bold;
  }

  .textstyle-title-md {
    @apply text-xl font-space font-bold;
  }

  .textstyle-title-normal {
    @apply text-lg font-semibold;
  }

  .textstyle-title-sm {
    @apply font-space font-bold;
  }

  .textstyle-accent {
    @apply text-sm text-label font-bold;
  }

  .textstyle-description {
    @apply text-description;
  }

  .textstyle-label-lg {
    @apply text-label text-lg font-semibold;
  }

  .textstyle-label-md {
    @apply text-label font-semibold;
  }

  .textstyle-label-sm {
    @apply text-sm text-label font-semibold;
  }

  .textstyle-table-name {
    @apply text-lg font-space font-medium;
  }

  .textstyle-table-header {
    @apply text-label font-bold;
  }

  .textstyle-navigation-item {
    @apply font-bold font-space;
  }

  .textstyle-form-error {
    @apply text-negative text-sm;
  }

  .textstyle-form-description {
    @apply text-description text-sm;
  }
}