/*
Arquivo: wp-content/themes/cancao-verdadeira/style.css

Resumo:
Este arquivo registra o tema child "cancao-verdadeira" baseado no Astra.
Define a identidade visual principal do sistema com foco em dark mode,
seguindo o padrão inspirado no Spotify (fundo escuro, destaque dourado).
Também estabelece variáveis CSS globais para cores, tipografia e espaçamento,
garantindo consistência visual em todo o projeto.
Serve como base para todos os estilos futuros (player, cards, dashboard).
Evita repetição de código e facilita manutenção.
*/

/*
Theme Name: Cancao Verdadeira
Theme URI: https://www.cancaoverdadeira.com
Description: Tema child baseado no Astra para plataforma musical estilo Spotify (sertanejo, gospel e romântico).
Author: Equipe Cancao Verdadeira
Author URI: https://www.cancaoverdadeira.com
Template: astra
Version: 1.0
*/

/* =========================
🎨 VARIÁVEIS GLOBAIS
========================= */

:root {
--bg-primary: #0d0d0d;
--bg-secondary: #181818;
--bg-card: #1f1f1f;

```
--color-gold: #d4af37;
--color-white: #ffffff;
--color-gray: #b3b3b3;

--color-green: #1db954; /* Gospel */
--color-red: #e0245e;   /* Romântico */

--border-radius: 12px;
--transition: 0.3s ease;
```

}

/* =========================
🌍 RESET BÁSICO
========================= */

body {
background-color: var(--bg-primary);
color: var(--color-white);
font-family: 'Inter', sans-serif;
margin: 0;
padding: 0;
}

/* =========================
🔠 TIPOGRAFIA
========================= */

h1, h2, h3, h4 {
font-weight: 600;
margin: 0 0 10px;
}

p {
color: var(--color-gray);
line-height: 1.6;
}

/* =========================
🧱 LAYOUT BASE
========================= */

.container {
width: 100%;
max-width: 1200px;
margin: auto;
padding: 20px;
}

/* =========================
🧭 HEADER
========================= */

header {
background: var(--bg-secondary);
padding: 15px 20px;
border-bottom: 1px solid #222;
}

/* =========================
🍔 MENU HAMBURGER
========================= */

.menu-toggle {
cursor: pointer;
}

/* =========================
🎵 CARDS DE MÚSICA
========================= */

.card-musica {
background: var(--bg-card);
border-radius: var(--border-radius);
padding: 15px;
transition: var(--transition);
}

.card-musica:hover {
transform: translateY(-5px);
background: #262626;
}

/* =========================
❤️ BOTÃO FAVORITO
========================= */

.btn-favorito {
color: var(--color-gray);
cursor: pointer;
transition: var(--transition);
}

.btn-favorito:hover {
color: var(--color-red);
}

/* =========================
🎧 PLAYER FIXO (BASE)
========================= */

.player-fixed {
position: fixed;
bottom: 0;
width: 100%;
background: var(--bg-secondary);
border-top: 1px solid #222;
padding: 10px 20px;
z-index: 9999;
}

/* =========================
📱 RESPONSIVO
========================= */

@media (max-width: 768px) {
.container {
padding: 10px;
}
}