:root {
  --primary-accent: #A13670 ;
  --primary-accent-hover: #EC4176 ;
  --secondary-accent: #9A77CF ;
  --secondary-accent-medium: #543884 ;
  --secondary-accent-heading: #262254 ;
  --tertiary-active: #FFA45E ;
  --tertiary-inactive: #d6d6d6 ;
  --app-background-colour: #EEF2F1 ;
  --text-colour-light: #FFF ;
  --text-colour-dark: #262626 ;
}

/* Generating Color Pack*/
.color-highlight {
  color: var(--primary-accent) !important;
}

.bg-highlight {
  background-color: var(--primary-accent) !important;
  color: var(--text-colour-light) !important;
}

.border-highlight {
  border-color: var(--tertiary-active) !important;
}

.gradient-highlight {
  background-image: linear-gradient(to bottom, var(--primary-accent), var(--primary-accent-hover)) !important;
}

.bg-fade-highlight-light {
  background-color: var(--secondary-accent-medium) !important;
  color: var(--text-colour-light) !important;
}

.bg-fade-highlight-dark {
  background-color: var(--secondary-accent-heading) !important;
  color: var(--text-colour-light) !important;
}

.footer-bar-2 .active-nav,
.footer-bar-5 strong,
.footer-bar-4 strong,
.splide__pagination__page.is-active {
  background-color: var(--primary-accent) !important;
}

.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span,
.footer-bar-3 .active-nav i {
  color: var(--primary-accent) !important;
}

.form-floating-over > .form-control:focus ~ label {
  color: var(--primary-accent);
}

.form-floating-over > .form-control:not(:placeholder-shown) ~ label {
  color: var(--primary-accent);
}

.form-floating-over > .form-select ~ label {
  color: var(--primary-accent);
}

.color-highlight {
  color: var(--primary-accent);
}

.bg-highlight {
  background-color: var(--primary-accent);
  color: var(--text-colour-light) !important;
}