/* كلاسات مخصصة للأيقونات */
.icon-sm {
    width: 12px;
    height: 12px;
}

.icon-md {
    width: 16px;
    height: 16px;
}

.icon-blue {
    color: #3B82F6;
}

.icon-green {
    color: #10B981;
}

.icon-purple {
    color: #8B5CF6;
}

/* الوضع الليلي */
.dark .icon-blue {
    color: #60A5FA;
}

.dark .icon-green {
    color: #34D399;
}

.dark .icon-purple {
    color: #A78BFA;
}

/* المسافات */
.icon-ml {
    margin-left: 4px;
}

@media (min-width: 640px) {
    .icon-ml {
        margin-left: 8px;
    }
}