@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles */
.plugin-card {
    @apply bg-white rounded-lg shadow-sm p-4 border-l-4;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.plugin-card:hover {
    @apply shadow-md;
    transform: translateY(-2px);
}

.developer-card {
    @apply bg-white rounded-xl shadow-md overflow-hidden;
}

.rating-stars {
    @apply flex items-center;
}

.star-filled {
    @apply text-yellow-400;
}

.star-empty {
    @apply text-gray-300;
}

.cpu-badge {
    @apply px-2 py-1 rounded-full text-xs font-semibold;
}

.high-cpu {
    @apply bg-red-100 text-red-800;
}

.medium-cpu {
    @apply bg-yellow-100 text-yellow-800;
}

.low-cpu {
    @apply bg-green-100 text-green-800;
}
.loading-spinner {
    @apply animate-spin rounded-full h-6 w-6 border-t-2 border-b-2 border-purple-500 mx-auto my-8;
}

.search-tag {
    @apply bg-gray-100 hover:bg-gray-200 text-gray-800 text-xs px-3 py-1 rounded-full transition-colors cursor-pointer;
}

.search-tag:hover {
    @apply bg-purple-100 text-purple-700;
}

.plugin-suggestion {
    @apply flex items-center p-2 hover:bg-gray-50 cursor-pointer;
}

.plugin-suggestion img {
    @apply w-8 h-8 rounded-md mr-3;
}