/* === Lucide icons (SVG sprite) ===
   Bazowe style dla <icon> Tag Helpera. Ikony dziedziczą kolor z parent-a (currentColor),
   nie definiujemy tu nic poza geometrią — kolory zostawiamy site.css i klasom utility. */

.icon {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    color: inherit;
    line-height: 1;
}

.icon-xs { width: 12px; height: 12px; }
.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 20px; height: 20px; } /* default */
.icon-lg { width: 24px; height: 24px; }
.icon-xl { width: 32px; height: 32px; }
.icon-2xl { width: 48px; height: 48px; }

/* Pomocnik — ikona w przycisku/linku z tekstem; gap między ikoną a tekstem. */
.icon-with-text {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
}