/* ============================================================
   BADGES — Status badges, access badges.
   Root class: .status-badge
   ============================================================ */

.status-badge {
  display: inline-block;
  padding: var(--space-3xs) var(--space-2xs);
  border-radius: var(--radius);
  font-size: var(--step--2);
  font-weight: 500;
  letter-spacing: 0.04em;
}

.status-published {
  background: var(--green-muted-bg);
  color: var(--accent-green);
}

.status-pending {
  background: var(--warning-muted-bg);
  color: var(--warning);
}

.status-access {
  display: inline-block;
  font-size: var(--step--2);
  padding: var(--space-3xs) var(--space-3xs);
  border-radius: var(--radius);
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  letter-spacing: 0.03em;
}

.status-access--libre {
  background: var(--green-muted-bg);
  color: var(--accent-green);
}

.status-access--interne {
  background: var(--blue-muted-bg);
  color: var(--accent-blue);
}

.status-access--interdit {
  background: var(--error-muted-bg);
  color: var(--error);
}