:root{
  --green-900:#0f3d2e;
  --green-800:#145a43;
  --green-700:#1b6b4f;
  --green-200:#d9f2e5;
  --green-100:#eefaf4;
  --soft:#f6faf8;
}

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

.nav-green{
  background: linear-gradient(90deg, var(--green-900), var(--green-700));
}

.btn-green{
  --bs-btn-color:#fff;
  --bs-btn-bg: var(--green-700);
  --bs-btn-border-color: var(--green-700);
  --bs-btn-hover-bg: var(--green-800);
  --bs-btn-hover-border-color: var(--green-800);
  --bs-btn-active-bg: var(--green-900);
  --bs-btn-active-border-color: var(--green-900);
}

.card{ overflow: hidden; }
.mini-card{
  border: 1px solid rgba(20, 90, 67, 0.15);
  background: #fff;
  border-radius: 16px;
  padding: 14px;
}
.mini-title{
  font-size: .85rem;
  color: rgba(15, 61, 46, .75);
  margin-bottom: 6px;
  font-weight: 600;
}
.mono-block{
  border: 1px dashed rgba(20, 90, 67, 0.25);
  background: var(--green-100);
  border-radius: 16px;
  padding: 14px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .95rem;
}
.list-pill, .file-pill{
  display:block;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(20, 90, 67, 0.18);
  text-decoration:none;
  color: var(--green-900);
  background: #fff;
}
.list-pill:hover, .file-pill:hover{
  background: var(--green-100);
  border-color: rgba(20, 90, 67, 0.28);
}
.badge-soft{
  background: var(--green-100);
  border: 1px solid rgba(20, 90, 67, 0.18);
  color: var(--green-900);
}