.bg-blueparce { background-color: var(--color-blueparce); }
.bg-skyparce { background-color: var(--color-skyparce); }
.bg-orangeparce { background-color: var(--color-orangeparce); }
.bg-redparce { background-color: var(--color-redparce); }

.text-blueparce { color: var(--color-blueparce); }
.text-skyparce { color: var(--color-skyparce); }
.text-orangeparce { color: var(--color-orangeparce); }
.text-redparce { color: var(--color-redparce); }

.border-skyparce { border-color: var(--color-skyparce); }
.border-orangeparce { border-color: var(--color-orangeparce); }

.hover-skyparce:hover { background-color: var(--color-skyparce); }
.hover-orangeparce:hover { background-color: var(--color-orangeparce); }

.gradient-hero {
    background: linear-gradient(135deg, var(--color-blueparce) 0%, var(--color-skyparce) 100%);
}

.team-card {
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.team-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.section-divider {
    height: 2px;
    background: linear-gradient(90deg, var(--color-orangeparce) 0%, var(--color-skyparce) 100%);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-up {
    animation: fadeInUp 0.6s ease-out;
}

.icon-container {
    background: linear-gradient(135deg, var(--color-orangeparce) 0%, var(--color-redparce) 100%);
}