:root {
  /* Colors */
  --primary: #4a148c;
  --primary-light: #7c43bd;
  --primary-dark: #12005e;

  /* Effects */
  --text-shadow-highlight: 0px 0px 5px rgba(18, 0, 94, 0.4);
  --box-shadow-highlight: 0px 0px 10px rgba(18, 0, 94, 0.7);
}

a {
  color: #9c63cd;
}

header a.active {
  font-weight: bold;
  color: #fff;
}

header a:hover,
main a:hover,
footer a:hover,
input[type="submit"]:hover {
  filter: brightness(1.1);
}

.client-contact-message > * {
  margin: 8px;
}