:root {
    --primary-color: #2563eb;
    --secondary-color: #f59e0b;
    --tertiary-color: #10b981;
    --text-dark: #1f2937;
    --text-light: #6b7280;
    --bg-gray: #f9fafb;
    --border-gray: #e5e7eb;
    --white: #ffffff;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Client-specific custom styles */


/* Product grid customizations */
.grid {
    gap: 1.5rem;
}

.grid-products {
    gap: 1.5rem;
}

.product-carousel {
    gap: 1.5rem;
}

.product-carousel .card {
    width: calc((100vw - 140px) / 5 - 1.5rem);
}

.card {
    min-height: 400px;
}

@media (max-width: 1200px) {
    .product-carousel .card {
        width: calc((100vw - 140px) / 4 - 1.5rem);
    }
}

@media (max-width: 1000px) {
    .product-carousel .card {
        width: calc((100vw - 140px) / 3 - 1.5rem);
    }
}

@media (max-width: 700px) {
    .product-carousel .card {
        width: calc((100vw - 140px) / 2 - 1.5rem);
    }
}