body {
    background-color: #0f0f13;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, .font-heading {
    font-family: 'Orbitron', sans-serif;
}

/* Neon Glow (optional use) */
.neon-text {
    text-shadow: 0 0 10px rgba(0, 255, 157, 0.5);
}

/* Global Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f0f13;
}
::-webkit-scrollbar-thumb {
    background: #ff4655;
    border-radius: 4px;
}

/* Scrollbar for search results container */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #0f0f13;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #ff4655;
    border-radius: 4px;
}

/* Search Bar Animation */
#search-container {
    transition: all 0.3s ease-in-out;
    transform-origin: top;
}
.search-hidden {
    transform: scaleY(0);
    opacity: 0;
    height: 0;
}
.search-visible {
    transform: scaleY(1);
    opacity: 1;
    height: auto;
}

/* Social Card Hover */
.social-card {
    transition: all 0.3s ease;
}
.social-card:hover {
    transform: translateY(-5px);
}