.has-xxxs-font-size {
  @apply
    text-xxxs
    text-primary-500;
}

.has-xxs-font-size {
  @apply
    text-xxs
    text-primary-500;
}

.has-xs-font-size {
  @apply
    text-xs
    text-primary-500;
}

.has-sm-font-size {
  @apply
    text-primary-500
    text-sm
    leading-[19px];
}

.has-base-font-size {
  @apply
    text-[13px]
    font-medium
    text-primary-500
    leading-[18px]

    lg:text-base
    lg:leading-[22px];
}

.has-lg-font-size {
  @apply
    text-lg
    font-medium
    text-primary-500
    leading-[22px];
}

.has-xl-font-size {
  @apply
    text-lg
    leading-[22px]
    font-medium
    text-primary-500

    lg:text-xl
    lg:leading-[31px];
}

.has-alt-xl-font-size {
  @apply
    text-lg
    leading-[22px]
    font-light
    text-primary-500

    lg:text-xl
    lg:leading-[31px];
}

.has-2-xl-font-size {
  @apply
    text-xl
    leading-[31px]
    font-light

    lg:text-2xl
    lg:leading-[50px];
}

.has-3-xl-font-size {
  @apply
    text-[60px]
    font-light
    leading-none
    text-primary-500

    lg:text-3xl;
}

.has-4-xl-font-size {
  @apply
    text-[80px]
    font-light
    leading-none
    text-primary-500

    lg:text-4xl;
}

.has-sans-font-family {
  @apply
    font-sans;
}

.has-mono-font-family {
  @apply
    font-mono;
}
