:root {
  --snt-green: #2e7d32;
  --snt-green-dark: #1b5e20;
  --snt-gold: #f9a825;
}

.navbar {
  background: linear-gradient(90deg, var(--snt-green-dark), var(--snt-green));
}

.navbar .nav-link { color: rgba(255,255,255,.85); }
.navbar .nav-link:hover { color: #fff; }
.navbar .nav-link.btn-link { color: rgba(255,255,255,.85); text-decoration: none; padding: 8px 12px; }

.footer {
  background: var(--snt-green-dark);
  color: #fff;
}

.hero {
  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
  border-radius: 1rem;
}

.card { border: none; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.card-header { background: #f1f8e9; border-bottom: 1px solid #e0e0e0; }

.topic-title { color: var(--snt-green-dark); text-decoration: none; font-weight: 600; }
.topic-title:hover { color: var(--snt-green); }

.badge-pinned { background: var(--snt-gold); color: #4e342e; }

.auth-card { max-width: 460px; }

.post-body {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.avatar-circle {
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--snt-green); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-weight: 600; font-size: 1.1rem; flex-shrink: 0;
}