.status-circle {
  .light {
    color: var(--color-contrast);
  }

  .dark {
    color: var(--color-content-primary);
  }

  &.warning,
  &.pending {
    background-color: var(--color-sentiment-warning);

    .status-icon {
      .np-theme-personal & {
        color: var(--color-dark);
      }
    }
  }
}

.status-circle.negative,
.status-circle.error {
  background-color: var(--color-sentiment-negative);
}

.status-circle.neutral {
  background-color: var(--color-content-secondary);
}

.status-circle.positive,
.status-circle.success {
  background-color: var(--color-sentiment-positive);
}
