/**
 * ArchFinishes Icon System
 * Minimal styles for SVG icons
 */

.af-icon {
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    /* Inherit color */
    line-height: 1;
    flex-shrink: 0;
}

.af-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: inherit;
}

/* Optional sizing helpers if needed via classes */
.af-icon-sm {
    width: 16px;
    height: 16px;
}

.af-icon-md {
    width: 24px;
    height: 24px;
}

.af-icon-lg {
    width: 32px;
    height: 32px;
}

.af-icon-xl {
    width: 48px;
    height: 48px;
}