:host {
  color: rgb(var(--dark-primary-text));
  display: block;

  ::ng-deep {
    markdown {
      a {
        color: rgba(var(--palette-primary-500), 1);
        font-weight: 500;

        &:hover {
          color: rgba(var(--palette-primary-300), 1);
        }
      }

      h2 {
        font-size: 1.5rem;
      }

      h3 {
        font-size: 1.25rem;
      }
    }
  }
}

:host-context(.theme-dark) {
  color: rgb(var(--light-primary-text));
}
