body {
  background-color: transparent !important;
}

.coral.coral-guidelines {
  background: var(--palette-background-body);
  border: 1px solid var(--palette-grey-300);
}

.coral.coral-viewerBox-signInButton {
  border-color: var(--palette-grey-900) !important;
  color: var(--palette-grey-900) !important;
}

.coral.coral-viewerBox-signInButton:hover {
  background-color: white;
  border-color: var(--palette-grey-500) !important;
  color: var(--palette-grey-500) !important;
}

.coral.coral-allComments-viewNewButton {
  border-color: var(--palette-grey-900) !important;
  color: var(--palette-grey-900) !important;
}

.coral.coral-allComments-viewNewButton:hover {
  background-color: var(--palette-grey-900) !important;
  color: white !important;
}

.coral.coral-viewerBox-registerButton,
.coral.coral-createComment-signIn,
.coral.coral-createComment-submit {
  background-color: var(--palette-grey-900) !important;
  border-color: var(--palette-grey-900) !important;
  color: white !important;
}

.coral.coral-viewerBox-registerButton:hover,
.coral.coral-createComment-signIn:hover,
.coral.coral-createComment-submit:hover {
  background-color: var(--palette-grey-500) !important;
  border-color: var(--palette-grey-500) !important;
  color: white !important;
}

.coral.coral-commentForm {
  background: var(--palette-background-body);
}

.coral.coral-tabBar-tab.coral-tabBar-tab-active,
.coral.coral-tabBarSecondary-tab.coral-tabBarSecondary-tab-active,
.coral-tabBarSecondary-tab-active.coral.coral-tabBarSecondary-tab
  span:first-child,
button.coral.coral-viewerBox-logoutButton,
.coral-tabBar-comments.coral-tabBar-tab-active .coral-myEmail-editButton,
.coral-dropdownButton.coral-moderationDropdown-unfeatureButton *,
.coral-dropdownButton.coral-moderationDropdown-featureButton *,
.coral-moderationDropdown-goToModerateButton *,
.coral-myPassword-editButton .coral-verifyEmail-resendButton {
  color: var(--palette-text-500) !important;
}

.coral.coral-counter {
  background-color: var(--palette-grey-200) !important;
}

.coral-tabBarComments-featuredTooltip button {
  color: var(--palette-grey-400) !important;
}

.coral-comment-collapse-toggle .coral-comment-username,
.coral-username.coral-comment-username span,
.coral .coral-comment-actionBar .coral-comment-reactButton,
.coral .coral-comment-actionBar .coral-comment-replyButton,
.coral .coral-comment-actionBar .coral-comment-reportButton,
.coral .coral-comment-actionBar .coral-comment-shareButton,
.coral-comment-inReplyToText,
.coral-comment-inReplyToText .coral-comment-inReplyToUsername,
.coral.coral-streamFooter-link {
  color: var(--palette-text-500) !important;
  font-family: var(--font-family-primary) !important;
}

.coral-comment-inReplyToText .coral-comment-inReplyToUsername {
  font-weight: 600;
}

.coral.coral-featuredTag.coral-comment-featuredTag {
  color: var(--palette-text-500);
  background: var(--palette-primary-400);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 4px;
  padding: 4px 8px;
}

.coral-general-moderateStreamLink {
  border-color: var(--palette-grey-500) !important;
  color: var(--palette-grey-500) !important;
}