/* ============================================
   PROJECTS SECTION STYLES
   ============================================ */

.filter-btn {
    padding: var(--space-2) var(--space-4);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    cursor: pointer;
    transition: all var(--transition-fast);
    font-family: var(--font-primary);
}

.filter-btn:hover {
    background: var(--glass-bg-strong);
    color: var(--color-text-primary);
    border-color: var(--color-ai-cyan);
}

.filter-btn.active {
    background: var(--gradient-ai-primary);
    color: var(--color-text-primary);
    border-color: transparent;
    box-shadow: var(--shadow-glow-cyan);
}

.project-item {
    transition: all var(--transition-base);
}

.project-item.hidden {
    display: none;
    opacity: 0;
    transform: scale(0.9);
}

.tech-tag {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    color: var(--color-ai-cyan);
    font-weight: var(--font-medium);
}