/*
 * Public text utilities
 * These are exported as utility classes for use outside of components.
 */

/* standard subheadings */

.coco-subheading-1 {
  @apply subheading-1;

  &:not([data-resize="false"]) {
    @apply max-sm:subheading-4 sm:max-md:subheading-3 md:max-lg:subheading-2;
  }
}

.coco-subheading-2 {
  @apply subheading-2;

  &:not([data-resize="false"]) {
    @apply max-md:subheading-4 md:max-lg:subheading-3;
  }
}

.coco-subheading-3 {
  @apply subheading-3;

  &:not([data-resize="false"]) {
    @apply max-md:subheading-4;
  }
}

.coco-subheading-4 {
  @apply subheading-4;
}

/* standard headings */

.coco-heading-1 {
  @apply heading-1;

  &:not([data-resize="false"]) {
    @apply max-md:heading-3 md:max-lg:heading-2;
  }
}

.coco-heading-2 {
  @apply heading-2;

  &:not([data-resize="false"]) {
    @apply max-md:heading-4 md:max-lg:heading-3;
  }
}

.coco-heading-3 {
  @apply heading-3;

  &:not([data-resize="false"]) {
    @apply max-md:heading-5 md:max-lg:heading-4;
  }
}

.coco-heading-4 {
  @apply heading-4;

  &:not([data-resize="false"]) {
    @apply max-md:heading-5;
  }
}

.coco-heading-5 {
  @apply heading-5;

  &:not([data-resize="false"]) {
    @apply max-md:heading-6;
  }
}

.coco-heading-6 {
  @apply heading-6;
}

/* display headings */

.coco-display-1 {
  @apply display-1;

  &:not([data-resize="false"]) {
    @apply max-md:display-3 md:max-lg:display-2;
  }
}

.coco-display-2 {
  @apply display-2;

  &:not([data-resize="false"]) {
    @apply max-md:display-4 md:max-lg:display-3;
  }
}

.coco-display-3 {
  @apply display-3;

  &:not([data-resize="false"]) {
    @apply max-md:heading-1 md:max-lg:display-4;
  }
}

.coco-display-4 {
  @apply display-4;

  &:not([data-resize="false"]) {
    @apply max-md:heading-2 md:max-lg:heading-1;
  }
}

/* branded headings */

.coco-heading-1-branded {
  @apply branded-heading-1;

  &:not([data-resize="false"]) {
    @apply max-md:branded-heading-3 md:max-lg:branded-heading-2;
  }
}

.coco-heading-2-branded {
  @apply branded-heading-2;

  &:not([data-resize="false"]) {
    @apply max-md:branded-heading-4 md:max-lg:branded-heading-3;
  }
}

.coco-heading-3-branded {
  @apply branded-heading-3;

  &:not([data-resize="false"]) {
    @apply max-md:branded-heading-5 md:max-lg:branded-heading-4;
  }
}

.coco-heading-4-branded {
  @apply branded-heading-4;

  &:not([data-resize="false"]) {
    @apply max-md:branded-heading-5;
  }
}

.coco-heading-5-branded {
  @apply branded-heading-5;

  &:not([data-resize="false"]) {
    @apply max-md:branded-heading-6;
  }
}

.coco-heading-6-branded {
  @apply branded-heading-6;
}

/* branded display headings */

.coco-display-1-branded {
  @apply branded-display-1;

  &:not([data-resize="false"]) {
    @apply max-md:branded-display-3 md:max-lg:branded-display-2;
  }
}

.coco-display-2-branded {
  @apply branded-display-2;

  &:not([data-resize="false"]) {
    @apply max-md:branded-display-4 md:max-lg:branded-display-3;
  }
}

.coco-display-3-branded {
  @apply branded-display-3;

  &:not([data-resize="false"]) {
    @apply max-md:branded-heading-1 md:max-lg:branded-display-4;
  }
}

.coco-display-4-branded {
  @apply branded-display-4;

  &:not([data-resize="false"]) {
    @apply max-md:branded-heading-2 md:max-lg:branded-heading-1;
  }
}