:root {
  --di-brand-primary: #A99DCD;
  --di-brand-secondary: #DE57A0;
  --di-brand-accent: #81BAE7;
  --di-brand-purple: #BD8ABE;
  --lqd-color-primary: #A99DCD;
  --lqd-color-secondary: #DE57A0;
  --lqd-color-accent: #81BAE7;
}

body {
  --lqd-color-primary: var(--di-brand-primary);
  --lqd-color-secondary: var(--di-brand-secondary);
  --lqd-color-accent: var(--di-brand-accent);
}

a,
a:hover,
a:focus,
.di-footer__link,
.text-primary,
.lqd-color-primary,
.btn-primary,
button[type="submit"],
.lqd-btn-solid,
.lqd-btn-bordered,
.navbar-brand,
.navbar-brand-inner,
h1, h2, h3, h4, h5, h6 {
  color: #DE57A0;
}

a:hover,
a:focus {
  color: var(--di-brand-secondary);
}

.btn-primary,
button[type="submit"],
.lqd-btn-solid,
.lqd-btn-bordered {
  background-color: var(--di-brand-primary);
  border-color: var(--di-brand-primary);
  color: #ffffff;
}

.btn-primary:hover,
button[type="submit"]:hover,
.lqd-btn-solid:hover,
.lqd-btn-bordered:hover {
  background-color: var(--di-brand-secondary);
  border-color: var(--di-brand-secondary);
}

.navbar-brand img,
.di-footer__logo img,
#foot-logo img {
  max-height: 64px;
  width: auto;
  object-fit: contain;
}