/* Custom Scrollbar for a premium feel in light theme */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f9fafb; /* gray-50 */
}
::-webkit-scrollbar-thumb {
    background: rgba(168, 76, 63, 0.5); /* Terracotta transparent */
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(139, 0, 0, 0.8); /* Burgundy */
}

/* Background patterns */
.pattern-dots {
    background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px);
    background-size: 24px 24px;
}

/* Utility to ensure consistent grayscale to color transitions */
.hover\:grayscale-0:hover {
    filter: grayscale(0) !important;
}