/* Modern SVG Icons */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
    overflow: hidden;
}

.feature-icon {
    font-size: 3rem;
    margin-bottom: 1.5rem;
    display: inline-block;
    color: var(--primary);
    width: 3rem;
    height: 3rem;
}

.feature-icon svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    stroke-width: 1.5;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.feature-icon.solid svg {
    fill: currentColor;
    stroke: none;
}

.lucide-icon {
    width: 3rem;
    height: 3rem;
    stroke: currentColor;
    stroke-width: 1.5;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: var(--primary);
}

.lucide-icon-inline {
    width: 1.3em;
    height: 1.3em;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: var(--primary);
    display: inline-block;
    margin-right: 0.5rem;
    vertical-align: -0.2em;
}