/* Color Swatch Hover Effects */
.color-swatch:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

.color-swatch:active {
    transform: scale(0.95);
}

/* Custom Color Palette Button Hover */
button[onclick*="custom-color-picker"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    border-color: #cbd5e1 !important;
}

button[onclick*="custom-color-picker"]:active {
    transform: translateY(-1px);
}