/* SVG Icon Styles */
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    display: inline-block;
    fill: currentColor;
}

/* Stroke-based icons (like code </>) */
.icon[fill="none"] {
    fill: none;
}

.icon-sm { width: 0.875em; height: 0.875em; }
.icon-lg { width: 1.25em; height: 1.25em; }
.icon-xl { width: 1.5em; height: 1.5em; }
.icon-2x { width: 2em; height: 2em; }

/* Placeholder icon for project cards */
.placeholder-icon {
    width: 3rem;
    height: 3rem;
    color: var(--color-gray-700);
}

/* Service card icons - larger size */
.service-icon .icon {
    width: 1.5em;
    height: 1.5em;
}