/* Foundation Icons CSS */

/* Font-face declaration */
@font-face {
    font-family: 'FoundationIcons';
    src: url('foundation-icons.eot');
    src: url('foundation-icons.eot?#iefix') format('embedded-opentype'),
         url('foundation-icons.woff') format('woff'),
         url('foundation-icons.ttf') format('truetype'),
         url('foundation-icons.svg#FoundationIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* General Icon Styling */
.fi {
    font-family: 'FoundationIcons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    height: 1em;
    text-align: center;
    font-variant-ligatures: none;
    font-size: inherit;
}

/* Accessibility support */
.fi:before {
    display: inline-block;
    font-family: 'FoundationIcons';
}

/* Example Icons */
.fi-star:before {
    content: '\f005';
}

.fi-heart:before {
    content: '\f004';
}

.fi-alert:before {
    content: '\f001';
}

.fi-home:before {
    content: '\f002';
}

.fi-plus:before {
    content: '\f003';
}

/* Add more icons as needed */