$btn-primary-bg: $bb-secondary; // TODO: Work out what these colours should be called. This should really be bb-primary but that is used for other things
$btn-primary-border: #235d9a;
$btn-primary-color: $white;

.btn-primary {
  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);

  &:focus {
    @include outline;
  }
}

//fullCalendar active buttons
.skin-default .fc .fc-button-group button.fc-button.fc-state-active {
  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);

  &:focus {
    @include outline;
  }
}

//active state for switch toggle
div.switch-primary.ats-switch span.switch-left {
  background: $btn-primary-bg;
}

.btn, button {
  font-weight: 600;
  border-radius: 2px;
  &:focus {
    @include outline;
  }
}

.btn-default, .btn-link {
  color: $btn-primary-bg;

  &:focus {
    color: #3171b4;
    background-color: white;
    @include outline;
  }
}

.btn-spaced {
  margin: 0 0 0 20px;
}

.css-close-icon {
  @include css-close-icon;
}

a:focus {
  @include outline;
  border: none;
}

.btn-danger:focus {
  @include outline;
}