/*
 * sd-badge — status badge (Session 2.3): Sample, Coming Soon, Draft text, New
 * Short text, never colour alone; sits above a card's stretched link (z-index).
 * Sample products are marked "Sample" (Blueprint 5.17); draft texts "Draft text" (D-012, review and admin only).
 */

.sd-badge {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: var(--sd-space-1);
  align-self: flex-start;
  padding: 0.125rem var(--sd-space-2);
  border: var(--sd-border-width) solid var(--sd-color-border-control);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-font-size-label);
  font-weight: var(--sd-font-weight-medium);
  line-height: var(--sd-line-height-label);
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.sd-badge svg { width: 0.875rem; height: 0.875rem; flex: none; }

/* Coming Soon, Sample: copper outline (attention without alarm) */
.sd-badge--accent {
  border-color: var(--sd-color-accent-copper);
  color: var(--sd-color-text-accent);
}

/* Informational, e.g. "New": blue */
.sd-badge--info {
  border-color: var(--sd-color-blue-100);
  background: var(--sd-color-blue-050);
  color: var(--sd-color-brand-blue);
}