@use "../utilities/mixins";

.kern-body {
  @include mixins.normalize;
  @include mixins.body-default;

  &--large {
    @include mixins.body-large;
  }

  &--small {
    @include mixins.body-small;
  }

  &--bold {
    font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  }

  &--muted {
    color: var(--kern-color-layout-text-muted, #404565);
  }
}

.kern-hint {
  @include mixins.hint;
}