:root {
  --co-purple: #904493;
  --co-purple-dark: #603062;
  --co-green: #4f7a5a;
  --co-ink: #20252b;
  --co-paper: #f6f4ef;
}

body {
  background: var(--co-paper);
  color: var(--co-ink);
}

.navbar-brand img {
  height: 42px;
  width: auto;
}

.hero {
  background: linear-gradient(135deg, var(--co-purple-dark), var(--co-purple));
  color: #fff;
  padding: 5rem 0;
}

.feature-card {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.75rem 2rem rgb(32 37 43 / 8%);
}

.status-dot {
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  background: var(--co-green);
  display: inline-block;
}