:root{
  --bg:#faf7fd;
  --accent:#8549a7;
  --accent2:#634087;
  --christ-purple-100:#deb7ff;
  --christ-purple-300:#c785ec;
  --christ-purple-500:#a86add;
  --christ-purple-700:#8549a7;
  --christ-purple-900:#634087;
}
body{
  background:radial-gradient(circle at 88% 10%,rgba(222,183,255,.25),transparent 26%),#faf7fd;
}
.hero{
  background:linear-gradient(135deg,#fff 0%,rgba(222,183,255,.22) 100%);
}
.kicker{color:var(--christ-purple-700)}
.btn-primary{background:var(--christ-purple-700);color:#fff}
.btn-primary:hover{background:var(--christ-purple-900)}
.btn-secondary:hover{border-color:var(--christ-purple-300);color:var(--christ-purple-900)}
.nav-links a:hover{color:var(--christ-purple-700)}
.badge{background:rgba(222,183,255,.34);color:var(--christ-purple-900)}
.timeline-item{border-left-color:var(--christ-purple-500)}
.quote{border-left-color:var(--christ-purple-500)}
.card a{color:var(--christ-purple-900);font-weight:700}
.footer{background:var(--christ-purple-900);color:#fff}
.footer a{color:#fff}
.universe-switch a{border-color:rgba(255,255,255,.35)}
.universe-switch a:hover{background:var(--christ-purple-700)}