:root {
    --bg: #ffffff;
    --primary: #000;
    --dark: #2D2D2D;
}

html {
    scroll-behavior: smooth;
}

/* Utilities */
.fade-in-up {
    animation: fadeInUp 0.8s ease-out;
}

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

.service-card-hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.service-card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
    border-color: #333;
}

/* Tabs */
.tab-active {
    border-bottom-color: var(--primary);
    color: var(--primary);
}

.tab-inactive {
    border-bottom-color: transparent;
    color: #7a7a7a;
}