:root {
  --forest: #1f4d3a;
  --sage: #a7c4a0;
  --sand: #f4efe6;
  --clay: #c0795b;
  --ink: #1b1f24;
}

.bg-forest {
  background: linear-gradient(135deg, #1f4d3a 0%, #2b6a4e 100%);
}

body {
  color: var(--ink);
}

.card-header {
  background-color: var(--sand);
  font-weight: 600;
}

.btn-sage {
  background-color: var(--sage);
  color: #0e2a1f;
  border: none;
}

.btn-sage:hover {
  background-color: #8fb589;
  color: #0e2a1f;
}

.hero-panel {
  background: radial-gradient(circle at 10% 10%, #f4efe6 0%, #e7f0ea 55%, #dfe7e0 100%);
  border: 1px solid #dfe7e0;
}

.chat-container {
  max-height: 60vh;
  overflow-y: auto;
}

.sticky-input {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding-top: 1rem;
}