@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Custom Scrollbar for Dark Theme */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f172a; 
}
::-webkit-scrollbar-thumb {
    background: #334155; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #8b5cf6; /* Purple hover */
}

/* Card Hover Enhancements */
.game-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.game-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px -10px rgba(139, 92, 246, 0.2);
    border-color: rgba(139, 92, 246, 0.4);
}

/* Smooth modal transitions handled by Tailwind utility classes in HTML */