/* No seu arquivo css/style.css */
/* css/style.css */
body {
    background-color: #0D0221 !important;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    /* Isso garante que o fundo seja aplicado a toda a extensão da página */
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 2, 33, 0.8); /* Cor do seu tema com 80% de opacidade */
    z-index: -1; /* Fica atrás do conteúdo, mas na frente da imagem */
}

/* Estilos manuais que a IA de layout às vezes ignora */

body {
    scrollbar-width: thin;
    scrollbar-color: #ec4899 #0d0221;
}

/* Efeito de brilho neon nos títulos */
h1 {
    text-shadow: 0 0 20px rgba(236, 72, 153, 0.5);
}

/* Efeito de vidro (Glassmorphism) */
.glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Ajuste das fontes */
h1, h2, h3, h4 {
    letter-spacing: -0.02em;
}

/* Animação simples para o player simulado */
.playing-bar {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}