:root {
    --vermelho: #e63946;
    --laranja: #f3722c;
    --amarelo: #f9c74f;
    --roxo: #7209b7;
    --preto: #1a1a1a;
    --branco: #ffffff;
}

body { background-color: #f8f9fa; }
.header-top { background: linear-gradient(90deg, var(--vermelho), var(--laranja), var(--roxo)); height: 6px; }
.navbar { background-color: var(--preto); border-bottom: 2px solid var(--roxo); }
.card { border: none; transition: 0.3s; }
.card-title { color: var(--roxo); font-weight: bold; }
.footer { background-color: var(--preto); color: var(--amarelo); padding: 30px 0; }
.btn-primary { background-color: var(--roxo); border: none; }
.btn-primary:hover { background-color: var(--laranja); }