.p-setup_page__content_button {
  background-color: $accentT;

  &:hover {
    background-color: $accent;
  }
}

.p-setup_page__content_link {
  color: $accent2;
  border-bottom: 1px solid $borderLight;

  &:hover {
    color: $selectFg;
  }
}

.p-setup_suggest_message__btn--primary {
  &:after {
    border-top-color: $borderLight;
  }

  &:before {
    border-top-color: $borderLight;
  }
}

.p-setup_page__content_button--aubergine {
  background-color: $accentT;
  color: $selectFg;

  &:hover {
    background-color: $accent;
    color: $selectFg;
  }
}

.p-setup_suggest_message__btn--soft {
  color: $text;
}

.p-setup_suggest_message__btn {
  &:active:after,
  &:hover:after {
    border-top-color: $borderLight;
  }

  &:active:before,
  &:hover:before {
    border-top-color: $borderLight;
  }
}

.p-setup_suggest_message__hint_text {
  color: $accent2;
}

.p-setup_channel_banner__hidden_button--hover {
  background-color: $hl;
  border-color: $tree;
}

.p-setup_channel_banner--welcome {
  background: $contrast;
}

.p-setup_channel_banner--announcements {
  background: $contrast;
}

.p-setup_channel_banner--ideas {
  background: $contrast;
}

.p-setup_channel_banner--generic,
.p-setup_channel_banner--project {
  background: $contrast;
}

.p-setup_channel_banner--team {
  background: $contrast;
}

.p-setup_channel_banner--dm,
.p-setup_channel_banner--page {
  background: $contrast;
  border-bottom: 1px solid $borderLight;
}

.p-setup_channel_banner__text--button {
  &:hover {
    background-color: $button;
    border-color: $button;
  }
}

.p-setup_channel_banner__text_edit {
  color: $text;
}

.p-setup_channel_banner__heading--dm-invited {
  color: $disabled;
}

.p-setup_channel_banner__heading_edit_text {
  color: $text;
}

.p-setup_channel_banner__heading--with-button:hover {
  .p-setup_channel_banner__heading_button {
    background-color: $button;
    border-color: $button;
  }
}

.p-setup_channel_banner__cta_text {
  color: $disabled;
}

.p-setup_channel_banner__btn {
  &:hover {
    background: $active;
    border: 1px solid $active;
  }
}

.p-setup_channel_banner__btn--completed {
  border: 1px solid transparent;
  background: $accent;
}

.p-setup_channel_banner__close_icon {
  color: $fg;
}

.p-setup_channel_banner__tooltip {
  background: $notif;
  border: 0.5px solid $border;
  color: $fg;
}

.p-setup_channel_banner__app_icon {
  border: 1px solid $borderLight;
}

.p-setup_page__header_highlighted {
  color: $primary;
}

.p-setup_page__header_highlighted--bordered {
  border-bottom: 1px dashed $borderLight;
}

.sk-client-theme--dark {
  .p-setup_page__header_highlighted {
    color: $primary;
  }

  .p-setup_page__header_highlighted--bordered {
    border-bottom: 1px dashed $borderLight;
  }
}

.p-setup_suggest_message__mention_text {
  color: $accent2;
}

.p-setup_send_message_input {
  .c-texty_input.focus {
    box-shadow:
      0 0 0 1px $primary,
      0 0 0 5px $primaryT;
  }
}

.p-setup_send_message_input__input--error {
  .p-message_input_field {
    border-color: $red;
  }

  .c-texty_input.focus {
    box-shadow:
      0 0 0 1px $red,
      0 0 0 5px $red;
  }
}

.p-setup_step_start_first_convo__title {
  background: $notif;
  font-family: $fontFamily;
}

.p-setup_step_start_first_convo__email {
  border-bottom: 1px solid $borderLight;
}

.p-setup_step_start_first_convo__email_input {
  .c-token {
    background-color: $accent;
  }

  .c-token--disabled {
    color: $disabled;
  }
}

.p-setup_page__step_tada_skip {
  color: $fg;
}

.p-setup_page__content_secondary_link {
  color: $accent2;
  border-bottom: 1px solid transparent;

  &:hover {
    color: $selectFg;
    border-bottom: 1px solid $borderLight;
  }
}

.p-setup_page__step_calendar_contact_import_loading_body {
  color: $text;
}

.p-setup_page__content__select_teammates_step_email {
  color: $text;
}

.p-setup_prog_disc_invite_modal_explainer_tip {
  background-color: $notif;
}

.p-setup_page__footer--fixed {
  background: $bg;
  border-top: 1px solid $borderLight;
}

.p-setup_page__content__select_teammates_step_list {
  border: 1px solid $borderLight;

  &:focus {
    box-shadow:
      0 0 0 1px $primary,
      0 0 0 5px $primaryT;

    &:-moz-placeholder,
    &:-ms-input-placeholder,
    &::-moz-placeholder,
    &::-webkit-input-placeholder {
      color: $disabled;
    }
  }

  &[disabled] {
    background: $bg;
    --saf-0: $disabled;
  }
}

.p-setup_page__content__select_teammates_step_list_item {
  border-bottom: 1px solid $border;
}

.p-setup_page__content__select_teammates_step_list_item_invite {
  color: $text;
  border-bottom: 1px solid $border;

  &:focus,
  &:hover {
    background: $hl;
    color: $selectFg;
  }
}

.p-setup_page__step_summary {
  .p-setup_page__step_summary_card {
    @include card;
    border: 1px solid $border;
  }

  .p-setup_page__step_summary_card_avatar_stack_wrapper {
    .p-setup_page__step_summary_card_avatar_stack {
      .p-setup_page__step_summary_card_avatar {
        border: 1px solid $button;
      }
    }

    .p-setup_page__step_summary_card_avatar_count {
      color: $text;
    }
  }

  .p-setup_page__summary_card_main {
    background: $excluded;
  }

  .p-setup_page__summary_card_main--external {
    background: $excluded;
    border-left: 2px solid $accent;
  }

  .p-setup_page__summary_card_main--internal {
    border-left: 2px solid $accentT;
  }

  .p-setup_page__summary_no_contacts_copy {
    color: $disabled;
  }
}

.p-setup_page___google_icon_container {
  background-color: $bg;
}

.p-setup_channel_banner--channel_joiner_banner,
.p-setup_channel_banner--people_joiner_banner {
  background: $tree;
}

.p-setup_channel_banner__text--joiner_banner {
  color: $disabled;
}

.p-setup_banner--dm,
.p-setup_banner--page {
  background: $bg2;
  border-bottom: 1px solid $borderLight;
}

.p-setup_banner__heading,
.p-setup_banner__heading--joiner_banner {
  font-family: $headerFont;
}

.p-setup_banner__cta_text {
  color: $disabled;
}

.p-setup_banner__btn:hover {
  background: $bg;
  border: 1px solid $borderLight;
}

.p-setup_banner__btn--completed {
  background: $hl;
  border: 1px solid $borderLight;
}

.p-setup_banner__close_icon {
  color: $text;
}

.p-setup_banner__app_icon {
  border: 1px solid $borderLight;
}

.p-setup_banner--channel_joiner_banner,
.p-setup_banner--people_joiner_banner {
  background: $accentT;
}

.p-setup_banner__heading--joiner_banner {
  font-family: $headerFont;
}

.p-setup_banner__text--joiner_banner {
  color: $text;
  font-family: $headerFont;
}

.p-setup_banner--quip_banner,
.p-setup_banner__full_page--quip_banner {
  background: $bg2;
}

.p-setup_banner--quip_banner {
  border-color: $border;
}

.p-setup_banner__btn--quip {
  border-color: $borderLight;
  font-family: $fontFamily;
}

.p-setup_banner__full_page__heading--quip_banner,
.p-setup_banner__heading--quip_banner {
  font-family: $headerFont;
}

.p-setup_banner__full_page__text--quip_banner,
.p-setup_banner__text--quip_banner {
  color: $fg;
  font-family: $headerFont;
}

.p-setup_banner__heading--quip_canvas_icon {
  color: $primary;
}

.p-setup_dismissal_menu__menu_item_dismiss_tips {
  color: $red;
}

.p-setup_dismissal_menu__menu_item_dismiss_tips.c-menu_item__button--highlighted,
.p-setup_dismissal_menu__menu_item_dismiss_tips:hover {
  color: $selectFg;
}

.p-opt_out_button_icon {
  background-color: $accent;
  color: $selectFg;
}

.sk-client-theme--dark .p-opt_out_button_icon {
  background-color: $accent;
  color: $selectFg;
}

.p-opt_out_button_icon--ia4,
.sk-client-theme--dark .p-opt_out_button_icon--ia4 {
  background-color: $button;
}

.sk-client-theme--dark .p-opt_out_button_icon--ia4 {
  color: $fg;
}

.sk-client-theme--dark .p-opt_out_button--threads .p-opt_out_button_icon--ia4,
.sk-client-theme--dark .p-opt_out_button_icon--ia4.p-opt_out_button_icon--add-teammates {
  background-color: $button;
  color: $fg;
}

.p-setup_page__steps_counter.p-setup_page__steps_counter--ia4 {
  color: $text;
}

.p-setup_page__header {
  &.p-setup_page__header--ia4 {
    color: $fg;
  }

  .highlight-aubergine {
    color: $accent;
  }
}

.p-setup_page__subheader--ia4 {
  color: $text;
}

.p-setup_page__content_button--aubergine {
  background-color: $accent;

  &:hover {
    background-color: $accentT;
  }
}

.p-setup_page__content_button--ia4_aubergine {
  &.c-button--disabled {
    background: $excluded;
    border-color: $excluded;
    color: $disabled;

    &:hover {
      background: $hl;
    }
  }

  &:not(.c-button--disabled) {
    background-color: $button;
    color: $fg;
  }
}

.sk-client-theme--dark .p-setup_page__content_button--ia4_aubergine:not(.c-button--disabled) {
  color: $fg;
}

.p-setup_page__content_button--google {
  background-color: $accent;

  &:hover {
    background-color: $accentT;
  }
}

.p-setup_page__content__contact_api_response_display_section {
  background-color: $bg2;
  border: 1px solid $border;
  color: $fg;

  &:focus {
    box-shadow:
      0 0 0 1px $accent,
      0 0 0 5px $accentT;

    &:-moz-placeholder,
    &:-ms-input-placeholder,
    &::-moz-placeholder,
    &::-webkit-input-placeholder {
      color: $disabled;
    }
  }

  &[disabled] {
    background: $bg2;
    border: 1px solid $bg2;
  }
}

.p-setup_page__footer--ia4_fixed {
  background-color: $bg;
  border-top: 1px solid $borderLight;
}

.p-setup_page__content__select_teammates_deselect_all_btn {
  color: $disabled;
}

.p-setup_page__content__aubergine_text {
  color: $accent;
}

.p-setup_page___google_icon_container {
  background-color: $bg;
}

.sk-client-theme--dark .p-setup_page__content__aubergine_text {
  color: $accent;
}

.p-setup_page__header_highlighted--ia4 {
  color: $accent;
}
