:root{
  --dp-ink:#17211a;
  --dp-muted:#667168;
  --dp-line:#dfe6e0;
  --dp-soft:#f4f7f3;
  --dp-brand:#2f6f46;
  --dp-brand-dark:#245838;
  --dp-warm:#f2c96d;
}

body{
  color:var(--dp-ink);
  background:#fff;
}

.py-lg-6{
  padding-top:5rem!important;
  padding-bottom:5rem!important;
}

.brand-mark{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:var(--dp-soft);
}

.navbar-brand{
  color:var(--dp-ink);
}

.nav-link{
  color:var(--dp-muted);
  font-weight:500;
}

.nav-link:hover,
.nav-link:focus{
  color:var(--dp-brand);
}

.hero-section{
  background:linear-gradient(180deg,#fbfcfb 0%,#fff 100%);
}

.page-hero{
  background:var(--dp-soft);
}

.eyebrow{
  margin:0 0 .75rem;
  color:var(--dp-brand);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.eyebrow-warm{
  color:var(--dp-warm);
}

.text-normal-case{
  text-transform:none;
  letter-spacing:.08em;
}

.text-brand{
  color:var(--dp-brand)!important;
}

.bg-soft{
  background:var(--dp-soft)!important;
}

.border-subtle{
  border-color:var(--dp-line)!important;
}

.brain-card{
  background:var(--dp-ink);
  color:#fff;
}

.brain-list .list-group-item{
  border-color:rgba(255,255,255,.14);
}

.brain-list strong{
  color:var(--dp-warm);
  margin-right:.5rem;
}

.btn-brand{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--dp-brand);
  --bs-btn-border-color:var(--dp-brand);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--dp-brand-dark);
  --bs-btn-hover-border-color:var(--dp-brand-dark);
  --bs-btn-focus-shadow-rgb:47,111,70;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--dp-brand-dark);
  --bs-btn-active-border-color:var(--dp-brand-dark);
}

.option-check{
  display:flex;
  gap:.65rem;
  align-items:flex-start;
  height:100%;
  padding:.85rem 1rem;
  border:1px solid var(--dp-line);
  border-radius:.75rem;
  background:#fff;
  cursor:pointer;
}

.option-check .form-check-input{
  flex:0 0 auto;
  margin:.2rem 0 0;
}

.form-check-input:checked{
  background-color:var(--dp-brand);
  border-color:var(--dp-brand);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus{
  border-color:rgba(47,111,70,.55);
  box-shadow:0 0 0 .25rem rgba(47,111,70,.12);
}

.content-prose p{
  color:#485249;
}

.footer-link{
  color:var(--dp-muted);
  text-decoration:none;
}

.footer-link:hover{
  color:var(--dp-brand);
}

@media (max-width:991.98px){
  .navbar-nav{
    padding-top:1rem;
  }
}
