/* Font family */
body {
    font-family: 'Readex Pro', sans-serif;
}

/* Custom theme colors */
:root {
    --color-dark-bg: #0f0f0f;
    --color-dark-card: #1a1a1a;
    --color-dark-lighter: #252525;
    --color-lime: #a3e635;
    --color-lime-hover: #bef264;
}

/* Section card style - rounded containers with subtle border */
.section-card {
    background-color: var(--color-dark-card);
    border: 1px solid #2a2a2a;
    border-radius: 1rem;
}

/* Custom utility classes for colors not in Tailwind CDN */
.bg-dark-bg { background-color: var(--color-dark-bg); }
.bg-dark-card { background-color: var(--color-dark-card); }
.bg-dark-lighter { background-color: var(--color-dark-lighter); }
.bg-lime { background-color: var(--color-lime); }
.hover\:bg-lime-hover:hover { background-color: var(--color-lime-hover); }
.text-lime { color: var(--color-lime); }
.text-dark-bg { color: var(--color-dark-bg); }
.border-lime { border-color: var(--color-lime); }
.hover\:border-lime:hover { border-color: var(--color-lime); }
.focus\:border-lime:focus { border-color: var(--color-lime); }

/* Infinite carousel animation */
.games-carousel {
    animation: scroll-left 10s linear infinite;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}