@import '../../../themes/default/typography.module.scss';

.dry-textXl {
  font-size: var(--fontSizeTextXl);
  font-style: var(--fontStyleTextXl);
  font-family: var(--fontFamilyTextXl);
  line-height: var(--lineHeightTextXl);
  letter-spacing: var(--letterSpacingTextXl);

  /*
    Vertical rhythm
  */
  &::not(.dry-typography--no-vertical-rhythm) {
    margin-bottom: var(--vertRhythmTextXl);
  }

  /* 
  Color
  */

  /* Default */
  color: var(--fontColorTextXl);

  /* Primary (purple in Untitled UI) */
  &--color-primary {
    color: var(--primary);
  }

  /* Text foreground color when the background is the error (red) color */

  &--color-errorContrast {
    color: var(--errorContrast);
  }

  &--color-errorContrast_hue {
    color: var(--errorContrast_hue);
  }

  /* Text foreground color when the background is the warning (yellow) color */

  &--color-warningContrast {
    color: var(--warningContrast);
  }

  &--color-warningContrast_hue {
    color: var(--warningContrast_hue);
  }

  /* Text foreground color when the background is the success (green) color */

  &--color-successContrast {
    color: var(--successContrast);
  }

  &--color-successContrast_hue {
    color: var(--successContrast_hue);
  }

  /* Text foreground color when the background is the background color (white in Untitled UI) */

  &--color-backgroundContrast {
    color: var(--backgroundContrast);
  }

  &--color-backgroundContrast_hue {
    color: var(--backgroundContrast_hue);
  }

  /* Text foreground color when the background is a surface (card) on a background (with distinct or dull variants) */

  &--color-surfaceBackgroundContrast {
    color: var(--surfaceBackgroundContrast);
  }

  &--color-surfaceBackgroundContrast_hue {
    color: var(--surfaceBackgroundContrast_hue);
  }

  /* Text foreground colors when the background is the primary color (purple in Untitled UI) */

  &--color-primaryContrast {
    color: var(--primaryContrast);
  }

  &--color-primaryContrast_hue {
    color: var(--primaryContrast_hue);
  }

  &--color-primaryDullContrast {
    color: var(--primaryDullContrast);
  }

  &--color-primaryDullContrast_hue {
    color: var(--primaryDullContrast_hue);
  }

  &--color-primaryDistinctContrast {
    color: var(--primaryDistinctContrast);
  }

  &--color-primaryDistinctContrast_hue {
    color: var(--primaryDistinctContrast_hue);
  }

  /* Text foreground color when the background is a surface (card) on a primary background (with distinct or dull variants) */

  &--color-surfaceOnPrimaryBackgroundContrast {
    color: var(--surfaceOnPrimaryBackgroundContrast);
  }

  &--color-surfaceOnPrimaryBackgroundContrast_hue {
    color: var(--surfaceOnPrimaryBackgroundContrast_hue);
  }

  &--color-surfaceOnPrimaryDullBackgroundContrast {
    color: var(--surfaceOnPrimaryDullBackgroundContrast);
  }

  &--color-surfaceOnPrimaryDullBackgroundContrast_hue {
    color: var(--surfaceOnPrimaryDullBackgroundContrast_hue);
  }

  &--color-surfaceOnPrimaryDistinctBackgroundContrast {
    color: var(--surfaceOnPrimaryDistinctBackgroundContrast);
  }

  &--color-surfaceOnPrimaryDistinctBackgroundContrast_hue {
    color: var(--surfaceOnPrimaryDistinctBackgroundContrast_hue);
  }
}