/* Nova paleta de cores - Inspirada na bandeira do Brasil */
:root {
    --primary-yellow: #FCBD0B;
    --primary-red: #DE0A14;
    --primary-green: #0D6B38;
    --gradient-primary: linear-gradient(135deg, #FCBD0B 0%, #DE0A14 50%, #0D6B38 100%);
    --gradient-hover: linear-gradient(135deg, #0D6B38 0%, #DE0A14 50%, #FCBD0B 100%);
    --gradient-soft: linear-gradient(135deg, rgba(252, 189, 11, 0.1) 0%, rgba(222, 10, 20, 0.1) 50%, rgba(13, 107, 56, 0.1) 100%);
    --gradient-strong: linear-gradient(135deg, rgba(252, 189, 11, 0.8) 0%, rgba(222, 10, 20, 0.8) 50%, rgba(13, 107, 56, 0.8) 100%);
}

/* Sobrescrever todas as cores douradas antigas */
.btn-primary,
.bg-primary,
.text-primary {
    background: var(--gradient-primary) !important;
    border-color: var(--primary-red) !important;
    color: white !important;
}

.btn-outline-primary {
    background: var(--gradient-soft) !important;
    border-color: var(--primary-yellow) !important;
    color: var(--primary-yellow) !important;
}

.btn-outline-primary:hover {
    background: var(--gradient-primary) !important;
    border-color: var(--primary-red) !important;
    color: white !important;
}

/* Botões de navegação */
.luxury-nav-btn,
.luxury-concurso-btn {
    background: var(--gradient-soft) !important;
    color: var(--primary-yellow) !important;
    border: 1px solid var(--primary-yellow) !important;
}

.luxury-nav-btn:hover,
.luxury-concurso-btn:hover {
    background: var(--gradient-primary) !important;
    color: white !important;
    border-color: var(--primary-red) !important;
    box-shadow: 0 8px 25px rgba(252, 189, 11, 0.4) !important;
}

/* Header */
.header-top {
    background: var(--gradient-primary) !important;
    border-bottom: 2px solid var(--primary-red) !important;
}

/* Login e Register buttons */
.header-login-btn {
    background: var(--gradient-soft) !important;
    border-color: var(--primary-yellow) !important;
    color: var(--primary-yellow) !important;
}

.header-login-btn:hover {
    background: var(--gradient-primary) !important;
    color: white !important;
}

.header-register-btn {
    background: var(--gradient-primary) !important;
    color: white !important;
}

.header-register-btn:hover {
    background: var(--gradient-hover) !important;
}

/* Dropdown do usuário */
.dropdown-toggle {
    background: var(--gradient-soft) !important;
    border-color: var(--primary-yellow) !important;
    color: var(--primary-yellow) !important;
}

.dropdown-toggle:hover {
    background: var(--gradient-primary) !important;
    color: white !important;
    border-color: var(--primary-red) !important;
}

/* Botões dos modais */
.modal .btn-primary {
    background: var(--gradient-primary) !important;
    border: none !important;
    color: white !important;
}

.modal .btn-primary:hover {
    background: var(--gradient-hover) !important;
}

.modal .btn-outline-primary {
    background: transparent !important;
    border-color: var(--primary-yellow) !important;
    color: var(--primary-yellow) !important;
}

.modal .btn-outline-primary:hover {
    background: var(--gradient-primary) !important;
    color: white !important;
}

/* Cards e elementos especiais */
.card-header,
.bg-warning,
.alert-warning {
    background: var(--gradient-soft) !important;
    border-color: var(--primary-yellow) !important;
}

/* Links e texto colorido */
.text-warning {
    color: var(--primary-yellow) !important;
}

.text-success {
    color: var(--primary-green) !important;
}

.text-danger {
    color: var(--primary-red) !important;
}

/* Badges e elementos pequenos */
.badge-warning {
    background: var(--gradient-primary) !important;
    color: white !important;
}

/* Bordas e shadows especiais */
.border-warning {
    border-color: var(--primary-yellow) !important;
}

/* Hover effects gerais */
a:hover {
    color: var(--primary-red) !important;
}

/* Botões especiais do concurso */
.btn-vote,
.btn-concurso {
    background: var(--gradient-primary) !important;
    border: none !important;
    color: white !important;
    transition: all 0.3s ease !important;
}

.btn-vote:hover,
.btn-concurso:hover {
    background: var(--gradient-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(252, 189, 11, 0.4) !important;
}

/* Mobile menu */
.mobile-luxury-btn {
    background: var(--gradient-soft) !important;
    color: var(--primary-yellow) !important;
    border: 1px solid var(--primary-yellow) !important;
}

.mobile-luxury-btn:hover {
    background: var(--gradient-primary) !important;
    color: white !important;
}

/* Footer */
.footer {
    background: linear-gradient(135deg, #1a1a1a 0%, #0D6B38 50%, #1a1a1a 100%) !important;
}

/* Elementos de destaque */
.highlight,
.featured {
    background: var(--gradient-soft) !important;
    border: 1px solid var(--primary-yellow) !important;
}