/* Headings */
.text-heading-0 {
  @apply text-xs sm:text-xs lg:text-sm font-medium;
}

.text-heading-1 {
  @apply text-base sm:text-lg lg:text-xl font-medium;
}

.text-heading-2 {
  @apply text-xl sm:text-2xl lg:text-3xl font-medium;
}

.text-heading-3 {
  @apply text-2xl sm:text-3xl lg:text-4xl font-medium;
}

.text-heading-4 {
  @apply text-3xl sm:text-4xl lg:text-5xl font-medium;
}

.text-heading-5 {
  @apply text-4xl sm:text-5xl lg:text-6xl font-medium;
}

/* Body's */

.text-body-1 {
  @apply text-xs leading-normal sm:leading-relaxed;
}

.text-body-2 {
  @apply text-xs sm:text-sm leading-normal sm:leading-relaxed;
}

.text-body-3 {
  @apply text-sm sm:text-base leading-normal sm:leading-relaxed;
}

.text-body-4 {
  @apply text-base sm:text-lg leading-normal sm:leading-relaxed;
}

.text-body-5 {
  @apply text-lg sm:text-xl leading-normal sm:leading-relaxed;
}

/* Others */
.text-overline {
  @apply text-[.625rem] sm:text-xs uppercase tracking-widest font-mono;
}

.text-big-number {
  @apply text-5xl md:text-6xl leading-tight;
}