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

  .introduction {
    a {
      color: rgba(var(--palette-primary-500), 1);
      font-weight: 500;

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

  .mat-mdc-card {
    &:hover {
      border-color: var(--gf-theme-primary-500);
    }
  }
}

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