/* SVG Icons CSS - Pzivo */

/* Icon base styles */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

.icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

/* Icon sizes */
.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 24px; height: 24px; }
.icon-lg { width: 32px; height: 32px; }
.icon-xl { width: 48px; height: 48px; }
.icon-2xl { width: 64px; height: 64px; }

/* Feature icons - larger size */
.feature-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 1rem;
}

.feature-icon svg {
    width: 100%;
    height: 100%;
}

/* Category icons */
.category-icon {
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
}

/* Logo icon */
.logo-icon {
    width: 32px;
    height: 32px;
}

/* Stat icons */
.stat-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 0.5rem;
}

/* Icon colors */
.icon-primary { color: #1C4D8D; }
.icon-secondary { color: #4988C4; }
.icon-dark { color: #0F2854; }
.icon-light { color: #BDE8F5; }
.icon-white { color: white; }
.icon-success { color: #10b981; }
.icon-warning { color: #f59e0b; }
.icon-error { color: #ef4444; }