/* =====================================================================
   Me & You — Tech Solutions · Icons
   The system's only icon set is Lucide (lucide.dev, MIT). Ship the
   sprite at assets/icons/lucide-sprite.svg, inline it once per page:

     <svg class="icon" aria-hidden="true"><use href="#i-search"></use></svg>

   Stroke only, never filled. Colour follows currentColor.
   Icon-only buttons MUST carry a .sr-only label.
   ===================================================================== */
.icon {
  width: 20px;
  height: 20px;
  flex: none;
  display: inline-block;
  vertical-align: -0.18em;
  color: currentColor;
}
.icon--sm { width: 16px; height: 16px; }
.icon--lg { width: 24px; height: 24px; }
.icon--mute { color: var(--ink-mute); }
.icon--accent { color: var(--theme-accent, var(--brand)); }

/* Icon inside a button gets optical spacing from the label via .btn's gap —
   no extra margin needed. Icon-only buttons should be square. */
.btn--icon { padding: 0.6rem; }