/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}
.dark ::-webkit-scrollbar-thumb {
    background-color: #475569;
}

/* Animations */
.fade-enter-active, .fade-leave-active {
    transition: opacity 0.5s;
}

/* Background Textures */
.bg-texture-light {
    background-image: radial-gradient(#be1878 0.5px, transparent 0.5px), radial-gradient(#be1878 0.5px, #fdfbf7 0.5px);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    background-color: #fdfbf7;
}
.bg-texture-dark {
    background-image: radial-gradient(#ffffff 0.5px, transparent 0.5px), radial-gradient(#ffffff 0.5px, #1a1a1a 0.5px);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    background-color: #1a1a1a;
    opacity: 0.03;
}