/* Global Styles to complement Tailwind */
body {
    background-color: #18191a;
    color: #e4e6eb;
}

/* Scrollbar styling for that retro sleek look */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #18191a; 
}
::-webkit-scrollbar-thumb {
    background: #3a3b3c; 
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4e4f50; 
}

/* Utility to reset shadows inside components if needed */
.shadow-custom {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Link styles mimicking 2011 FB */
a {
    text-decoration: none;
    color: #e4e6eb;
    transition: color 0.2s;
}
a:hover {
    color: #fff;
}

/* Animation for liking */
@keyframes like-bounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}
.animate-like {
    animation: like-bounce 0.3s ease-in-out;
}