.badge {
  display: inline-flex;
  align-items: center;
  padding: .25rem .65rem;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .02em;
}

.badge-forest { background: var(--forest); color: white; }
.badge-accent { background: var(--accent); color: white; }
.badge-sage   { background: var(--sage);   color: white; }
.badge-stone  {
  background: var(--stone);
  color: var(--muted);
  border: 1px solid var(--sand);
}

.badge-confirmed { background: var(--ok-bg);   color: var(--ok-ink); }
.badge-pending   { background: var(--warn-bg); color: var(--warn-ink); }
.badge-cancelled { background: var(--err-bg);  color: var(--err-ink); }