/* PRIMARY COLOR */

.text-primary,
.text-primary-hover:hover,
.text-primary-hover:focus,
.text-primary-hover:active {
    color: #7D2EFF !important;
}

a,
.btn-outline-primary,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #7D2EFF;
}

.btn-primary,
.btn-outline-primary:hover,
.btn-outline-primary:active {
    background-color: #7D2EFF;
    border-color: #7D2EFF;
}

.carousel-dark .carousel-indicators [data-bs-target].active {
    background-color: #7D2EFF;
}

/* PRIMARY COLOR : HOVER */

a:active,
a:hover,
a:focus {
    color: #9605f0;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #1A1A1A;
    border-color: #1A1A1A;
    color: #CCFF00;
}

/* ALT PRIMARY */

.bg-primary {
    background-color: #461976 !important;
}

.local-banner {
    background: linear-gradient(270deg,#340e70,#250549);
    color: #ffffff;
}

.local-banner a,
.local-banner a:active,
.local-banner a:hover,
.local-banner a:visited {
    color: #ffffff;
}

.reactions-wrapper {
  background-image: linear-gradient(45deg, 
      #21D4FD 0%,     /* Sky Blue */
      #6D0FCF 70%,    /* Midpoint between Blue & Primary */
      #7D2EFF 100%    /* Primary Purple */
  );
}