/* Eco-friendly theme for public homepage */
:root{
  --forest:#0b3d2e; /* deep green */
  --forest-700:#255f4e;
  --leaf-50:#f0f7f4;
  --leaf-25:#f6fbf9;
  --emerald-500:#2bb673;
  --emerald-600:#22a565;
  --emerald-700:#1c8b56;
  --emerald-100:#d7f1e6;
  --emerald-900:#073b2a;
}

/***** Colors *****/
.bg-forest{ background: var(--forest) !important; }
.text-forest{ color: var(--forest) !important; }
.text-forest-700{ color: var(--forest-700) !important; }
.bg-leaf-50{ background: var(--leaf-50) !important; }
.bg-leaf-25{ background: var(--leaf-25) !important; }

.btn-emerald{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--emerald-600);
  --bs-btn-border-color:var(--emerald-600);
  --bs-btn-hover-bg:var(--emerald-700);
  --bs-btn-hover-border-color:var(--emerald-700);
  --bs-btn-active-bg:var(--emerald-700);
  --bs-btn-active-border-color:var(--emerald-700);
}

.btn-outline-emerald{
  --bs-btn-color:var(--emerald-600);
  --bs-btn-border-color:var(--emerald-600);
  --bs-btn-hover-bg:var(--emerald-600);
  --bs-btn-hover-border-color:var(--emerald-600);
  --bs-btn-hover-color:#fff;
}

/***** Nav *****/
.navbar .brand-mark{ display:inline-grid; place-items:center; width:28px; height:28px; border-radius:7px; background:#114e3b; color:#b0e9d2; font-weight:700; }

/***** Hero *****/
.hero{ background: radial-gradient(80% 60% at 0% 0%, #e6f6ef 0%, #ffffff 60%); }
.hero-bg{ position:absolute; inset:0; background: url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%221440%22 height=%22800%22 viewBox=%220 0 1440 800%22><defs><linearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22><stop offset=%220%25%22 stop-color=%22%23d7f1e6%22/><stop offset=%22100%25%22 stop-color=%22%23ffffff%22/></linearGradient></defs><circle cx=%2290%22 cy=%2220%22 r=%22120%22 fill=%22url(%23g)%22 opacity=%220.4%22/><circle cx=%221200%22 cy=%22580%22 r=%22200%22 fill=%22url(%23g)%22 opacity=%220.25%22/></svg>') center/cover no-repeat; opacity:.5; }
.hero-graphic{ border-radius: 1.5rem; overflow: hidden; }
.carousel-pane{ min-height: 300px; display:flex; flex-direction:column; justify-content:center; background: #ffffff; }
.icon-pill{ display:inline-grid; place-items:center; width:48px; height:48px; border-radius:12px; font-weight:700; }
.icon-pill-lg{ display:inline-grid; place-items:center; width:56px; height:56px; border-radius:14px; font-weight:700; }
.bg-emerald-100{ background: var(--emerald-100) !important; }
.text-emerald-900{ color: var(--emerald-900) !important; }

/***** Options grid *****/
.option-card{ border: none; border-radius: 1rem; }
.option-card .card-body{ padding: 1.25rem 1.25rem 1.5rem; }
.option-card:hover{ box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.12) !important; transform: translateY(-2px); transition: all .15s ease; }

/***** Footer *****/
.footer .brand-mark{ display:inline-grid; place-items:center; width:22px; height:22px; border-radius:6px; background:#114e3b; color:#b0e9d2; font-weight:700; }

/***** Utilities *****/
.rounded-4{ border-radius: 1rem !important; }