$primary-font-stack: 'MuseoSans', 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;

body {
  color: var(--color-scale-gray-6);
  font-family: $primary-font-stack;
  font-size: $body-font-size;
  line-height: $lh-default;
  min-width: 320px;

  h1 {
    @include h1-responsive;
  }

  h2 {
    @include h2-responsive;
  }

  h3 {
    @include h3-responsive;
  }

  h4 {
    @include h4;
  }

  h5 {
    @include h5;
  }

  p {
    font-size: $body-font-size;
    line-height: $lh-default;
  }

  em {
    font-weight: italic;
  }

  strong {
    font-weight: $font-weight-bold;
  }

  .pending {
    color: var(--color-scale-gray-4);
    font-size: $body-font-size;
    font-style: italic;
  }

  .hint {
    color: var(--color-scale-gray-4);
    font-size: $font-size-small;
  }

  .title {
    color: var(--color-scale-gray-8);
    font-size: $font-size-small;
    font-weight: $font-weight-bold;
  }
}

.Body {
  &--nearWhite {
    background: var(--color-scale-gray-0);
  }
  &--white {
    background: var(--color-scale-white);
  }
}

$font-medium: $font-weight-normal;

%sub-text {
  color: var(--color-scale-gray-6);
  font-size: 0.875em;
  padding-top: 5px;
}

%account-name {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 240px;
}

%table-group-label {
  color: var(--color-scale-gray-7);
  font-size: $font-size-small;
  font-weight: $font-weight-bold;
  padding: 6px 5px 2px;
  text-transform: uppercase;
}
