/* ========== SVG ICONS ========== */
.icon {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    fill: currentColor;
    margin-right: 0.5rem;
}

.icon-lg {
    width: 2rem;
    height: 2rem;
}

.icon-xl {
    width: 3rem;
    height: 3rem;
}

.icon-2xl {
    width: 4rem;
    height: 4rem;
}

/* Ícones específicos com cores */
.icon-primary {
    fill: var(--primary);
}

.icon-white {
    fill: white;
}

.icon-success {
    fill: var(--success);
}

.icon-warning {
    fill: var(--warning);
}