/* Custom Theme Colors - Linear Gradient */
.btn-main,
.bg-main-600,
.text-main-600 {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.btn-main {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    border: none !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
}

.btn-main:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.bg-main-600 {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    -webkit-text-fill-color: initial;
    color: white !important;
}

.bg-main-50 {
    background: rgba(59, 130, 246, 0.1) !important;
}

.text-main-600 {
    color: #3b82f6 !important;
    -webkit-text-fill-color: #3b82f6 !important;
}

.hover-text-main-600:hover {
    color: #3b82f6 !important;
}

.bg-main-two-50 {
    background: rgba(59, 130, 246, 0.05) !important;
}

/* Update product price colors */
.product-price-main,
.product-price-total {
    color: #3b82f6 !important;
}

/* Update cart total */
#cart-total {
    color: #3b82f6 !important;
}