/* [!!state: text] vault markers, converted to spans by publish.py.
   Obsidian-like: rounded rect, tinted bg, text in the accent color, icon prefix. */
.vp-badge {
  display: inline-block;
  padding: .05em .55em;
  border-radius: 6px;
  font-size: .7rem;
  font-weight: 600;
  color: #9e9e9e;
  background: rgba(158, 158, 158, .16);
}
.vp-badge::before { content: "•"; margin-right: .4em; }

.vp-badge-done { color: #6cc36f; background: rgba(108, 195, 111, .16); }
.vp-badge-done::before { content: "✓"; }

.vp-badge-info { color: #6aa9e8; background: rgba(106, 169, 232, .16); }
.vp-badge-info::before { content: "ⓘ"; }

.vp-badge-todo { color: #6aa9e8; background: rgba(106, 169, 232, .16); }
.vp-badge-todo::before { content: "☐"; }

.vp-badge-important { color: #4db6ac; background: rgba(77, 182, 172, .16); }
.vp-badge-important::before { content: "🔥"; }

.vp-badge-warning { color: #e8a04c; background: rgba(232, 160, 76, .16); }
.vp-badge-warning::before { content: "⚠\FE0E"; }