/* ==========================================================================
   Component: Like Button (.mb-like)
   Ghost pill with thumb_up + count; --on = filled accent. Posts + comments.
   ========================================================================== */
.mb-like {
  display: inline-flex; align-items: center; gap: var(--space-1);
  padding: var(--space-1) var(--space-3);
  border: none; border-radius: var(--radius-full);
  background: transparent; color: var(--text-tertiary);
  font: inherit; font-size: var(--text-sm); font-weight: var(--weight-medium);
  cursor: pointer; transition: all var(--duration-fast) var(--ease-out);
}
.mb-like:hover { background: var(--surface-hover); color: var(--accent-primary); }
.mb-like .material-symbols-rounded { font-size: 18px; line-height: 1; }
.mb-like--on { color: var(--accent-primary); }
.mb-like--on .material-symbols-rounded { font-variation-settings: 'FILL' 1; }