.mikoshi-typography {
  @include rules('m-color-grey-1');

  &.primary {
    @include rules('m-color-primary');
  }

  &.secondary {
    @include rules('m-color-secondary');
  }

  body.dark &,
  .app[data-theme='dark'] & {
    @include rules('m-color-white');

    &.primary {
      @include rules('m-color-primary');
    }

    &.secondary {
      @include rules('m-color-secondary');
    }
  }
}