body {
  --color-primary: #8a5fb9;
  --color-primary-10: #8a5fb91a;
  --color-primary-90: #8a5fb9fc;
  --color-secondary: #A57AE6;
  --color-pale: #f8f3ff;
}

.primary {
  background-color: #8a5fb9!important;
  border-color: #8a5fb9!important;
}
.primary-pale {
  background-color: #f8f3ff!important;
  border-color: #f8f3ff!important;
}
.text-primary,
.primary-pale.text-tint,
.primary-pale .active {
  color: #8a5fb9!important;
}
.primary.x-outline {
  border-color: #8a5fb9!important;
  color: #8a5fb9!important;
}
.primary.x-outline.hover-solid:hover,
.primary.x-outline .active {
  background-color: #8a5fb9!important;
  color: #fff!important;
}
.text-secondary {
  color: #A57AE6;
}
.markdown-content a {
  color: #8a5fb9;
}
.input:focus,
.textarea:focus,
.select > select:focus {
  border-color: #A57AE6;
  box-shadow: 0 0 0 0.1rem #f8f3ff;
}
.radio > input:focus + label:before,
.checkbox > input:focus + label:before {
  border-color: #A57AE6;
  box-shadow: inset 0 0 0 0.05rem #f8f3ff, 0 0 0 0.1rem #f8f3ff;
}
.checkbox:checked > label:before,
.checkbox:checked > label:after,
.checkbox.checked > label:before,
.checkbox.checked > label:after {
  background-color: #8a5fb9;
}
.iconbutton:hover {
  color: #A57AE6;
}
.iconbutton:focus {
  background-color: #f8f3ff;
}

.page {
  background-color: #f8f3ff;
}
.is-send-by-me .app-message-bubble {
  background-color: #e8dbfa;
}
.nav-pills.nav-sm > a.active,
.bg-primary {
  background-image: linear-gradient(-225deg, #A57AE6 0%, #8a5fb9 100%);
}
.app-login {
  background-image: linear-gradient(135deg, #A57AE6 0%, #8a5fb9 100%);
}
.app-navbar {
  background: linear-gradient(224deg, #8a5fb9 0%, #A57AE6 100%) !important;
}
