:root {
  --primary: #7749f8;
  --primary-hover: #5e33d1;
  --primary-border: #4b28b3;
  --text-light: #ffffff;
  --text-dark: #7749f8;
}

/* BACKGROUND OVERRIDES */
.bg-primary,
.btn-primary {
  background-color: var(--primary) !important;
  color: var(--text-light);
}

/* BORDER OVERRIDES  */
.btn-primary,
.btn-outline-primary {
  border: 1px solid var(--primary);
}

/* BUTTON OVERRIDES */
.btn-primary:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-border);
  color: var(--text-light);
}

.btn-primary:active,
.btn-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:focus {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-border) !important;
  box-shadow: 0 0 0 0.2rem rgba(95, 51, 209, 0.5);
  color: var(--text-light) !important;
}

.btn-outline-primary {
  background-color: transparent;
  color: var(--primary);
  border-color: var(--primary);
}

.btn-outline-primary:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-border);
  color: var(--text-light);
}

.btn-outline-primary:active,
.btn-outline-primary:focus {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-border) !important;
  box-shadow: 0 0 0 0.2rem rgba(95, 51, 209, 0.5);
  color: var(--text-light) !important;
}

/* TEXT OVERRIDES */
.btn-outline-primary,
.text-primary {
  color: var(--primary) !important;
}

/* IMAGES */
.card-img-top {
  max-height: 450px;
}

.example-card-img-responsive {
  width: 200px;
  height: auto;
}