/* Project Type Badge Colors */
.project-type--websites {
    background: rgba(59, 130, 246, 0.1); /* Blue background with transparency */
    color: #3b82f6; /* Blue text */
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.project-type--figma {
    background: rgba(139, 92, 246, 0.1); /* Purple background with transparency */
    color: #8b5cf6; /* Purple text */
    border: 1px solid rgba(139, 92, 246, 0.3);
}

.project-type--mobile {
    background: rgba(16, 185, 129, 0.1); /* Green background with transparency */
    color: #10b981; /* Green text */
    border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Dark mode adjustments */
[data-theme="dark"] .project-type--websites {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.4);
}

[data-theme="dark"] .project-type--figma {
    background: rgba(139, 92, 246, 0.2);
    color: #a78bfa;
    border: 1px solid rgba(139, 92, 246, 0.4);
}

[data-theme="dark"] .project-type--mobile {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, 0.4);
}