/* ===== SignalAI House - Icons & Utilities (Scandinavian) ===== */

/* Icon sizing */
.icon-sm { width: 18px; height: 18px; }
.icon-md { width: 24px; height: 24px; }
.icon-lg { width: 32px; height: 32px; }

/* Feature icon colors */
.feature-icon.green { background: rgba(91, 140, 106, 0.08); }
.feature-icon.blue { background: rgba(139, 170, 181, 0.1); }
.feature-icon.amber { background: rgba(212, 165, 116, 0.1); }
.feature-icon.purple { background: rgba(139, 92, 246, 0.08); }

.feature-icon.green svg { stroke: #5B8C6A; }
.feature-icon.blue svg { stroke: #8BAAB5; }
.feature-icon.amber svg { stroke: #D4A574; }
.feature-icon.purple svg { stroke: #9B8ABF; }

/* Hover utilities */
.hover-lift {
    transition: transform var(--transition), box-shadow var(--transition);
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.hover-scale {
    transition: transform var(--transition);
}

.hover-scale:hover {
    transform: scale(1.03);
}

/* Slide animations */
@keyframes slideInRight {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes slideInLeft {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

/* Utility classes */
.text-center { text-align: center; }
.text-muted { color: var(--text-muted); }

.mt-1 { margin-top: 8px; }
.mt-2 { margin-top: 16px; }
.mt-3 { margin-top: 24px; }
.mt-4 { margin-top: 32px; }
.mb-1 { margin-bottom: 8px; }
.mb-2 { margin-bottom: 16px; }
.mb-3 { margin-bottom: 24px; }
.mb-4 { margin-bottom: 32px; }