/* CSS Dinâmico - Variáveis Globais */
:root {
    /* Cores padrão (serão sobrescritas pelo CSS dinâmico) */
    --cor-primaria: #c52222;
    --cor-secundaria: #fc9815;
    --cor-destaque: #c52222;
    --cor-fundo: #0a0a0a;
    --cor-texto: #fffffff8;
    --cor-borda: #c52222;
    --cor-hover: var(--cor-secundaria);
    --cor-sucesso: var(--cor-primaria);
    --cor-erro: #ef4444;
    --cor-aviso: #f59e0b;
    --cor-info: #3b82f6;
    --cor-borda : #c522223b;
    
    /* Cores específicas para o botão do usuário */
    --cor-botao-usuario-inicio: #FFD700;
    --cor-botao-usuario-meio: #FFA500;
    --cor-botao-usuario-fim: #FF8C00;
    --cor-botao-usuario-hover-inicio: #FFA500;
    --cor-botao-usuario-hover-meio: #FF8C00;
    --cor-botao-usuario-hover-fim: #FF6B00;
}

/* Aplicar cores dinâmicas em elementos específicos */
.btn-deposit,
.btn-primary,
.btn-success {
    background: var(--cor-primaria) !important;
    color: white !important;
}

.btn-deposit:hover,
.btn-primary:hover,
.btn-success:hover {
    background: var(--cor-hover) !important;
}

.btn-secondary {
    background: var(--cor-secundaria) !important;
    color: white !important;
}

.btn-secondary:hover {
    background: var(--cor-hover) !important;
}

.btn-login {
    color: var(--cor-texto) !important;
}

.btn-login:hover {
    color: var(--cor-primaria) !important;
}

.text-primary,
.text-success {
    color: var(--cor-primaria) !important;
}

.text-secondary {
    color: var(--cor-secundaria) !important;
}

.text-error {
    color: var(--cor-erro) !important;
}

.text-warning {
    color: var(--cor-aviso) !important;
}

.text-info {
    color: var(--cor-info) !important;
}

.bg-primary,
.bg-success {
    background: var(--cor-primaria) !important;
}

.bg-secondary {
    background: var(--cor-secundaria) !important;
}

.bg-error {
    background: var(--cor-erro) !important;
}

.bg-warning {
    background: var(--cor-aviso) !important;
}

.bg-info {
    background: var(--cor-info) !important;
}

.border-primary {
    border-color: var(--cor-borda) !important;
}



[style*="color: var(--cor-primaria)"],
[style*="color: var(--cor-secundaria)"] {
    color: var(--cor-primaria) !important;
}

/* Garantir que gradientes usem as cores dinâmicas */
[style*="linear-gradient"][style*="var(--cor-primaria)"],
[style*="linear-gradient"][style*="var(--cor-secundaria)"] {
    background: linear-gradient(135deg, var(--cor-primaria), var(--cor-secundaria)) !important;
}

/* Forçar aplicação em elementos com classes específicas */
.bg-green-500,
.bg-green-600,
.bg-green-700 {
    background: var(--cor-primaria) !important;
}

.text-green-500,
.text-green-600 {
    color: var(--cor-primaria) !important;
}

.border-green-500 {
    border-color: var(--cor-primaria) !important;
}

.hover\\:bg-green-500:hover,
.hover\\:bg-green-600:hover,
.hover\\:bg-green-700:hover {
    background: var(--cor-hover) !important;
}

.hover\\:text-green-500:hover,
.hover\\:text-green-600:hover {
    color: var(--cor-primaria) !important;
}

.focus\\:border-green-500:focus {
    border-color: var(--cor-primaria) !important;
}

/* ===== CORES ESPECÍFICAS PARA O BOTÃO DO USUÁRIO ===== */
.user-btn {
    background: linear-gradient(135deg, var(--cor-botao-usuario-inicio), var(--cor-botao-usuario-meio), var(--cor-botao-usuario-fim)) !important;
}

.user-btn:hover {
    background: linear-gradient(135deg, var(--cor-botao-usuario-hover-inicio), var(--cor-botao-usuario-hover-meio), var(--cor-botao-usuario-hover-fim)) !important;
}

/* Sobrescrever gradientes específicos do botão do usuário */
[style*="linear-gradient"][style*="var(--cor-primaria)"][style*="var(--cor-secundaria)"].user-btn {
    background: linear-gradient(135deg, var(--cor-botao-usuario-inicio), var(--cor-botao-usuario-meio), var(--cor-botao-usuario-fim)) !important;
}

/* Aplicar cores do botão em outros elementos similares se necessário */
.btn-user,
.user-button,
.user-profile-btn {
    background: linear-gradient(135deg, var(--cor-botao-usuario-inicio), var(--cor-botao-usuario-meio), var(--cor-botao-usuario-fim)) !important;
}

.btn-user:hover,
.user-button:hover,
.user-profile-btn:hover {
    background: linear-gradient(135deg, var(--cor-botao-usuario-hover-inicio), var(--cor-botao-usuario-hover-meio), var(--cor-botao-usuario-hover-fim)) !important;
}

/* ===== NOVAS REGRAS PARA VALORES RGB/RGBA ===== */

/* Sobrescrever valores rgb() que contêm cores verdes */
[style*="rgb(0 255 136)"],
[style*="rgb(34 197 94)"],
[style*="rgb(22 163 74)"],
[style*="rgb(74 222 128)"],
[style*="rgb(52 211 153)"],
[style*="rgb(110 231 183)"] {
    background: var(--cor-primaria) !important;
}

/* Sobrescrever valores rgb() para cores de texto verdes */
[style*="color: rgb(0 255 136)"],
[style*="color: rgb(34 197 94)"],
[style*="color: rgb(22 163 74)"],
[style*="color: rgb(74 222 128)"],
[style*="color: rgb(52 211 153)"],
[style*="color: rgb(110 231 183)"] {
    color: var(--cor-primaria) !important;
}

/* Sobrescrever valores rgb() para bordas verdes */
[style*="border-color: rgb(0 255 136)"],
[style*="border-color: rgb(34 197 94)"],
[style*="border-color: rgb(22 163 74)"] {
    border-color: var(--cor-primaria) !important;
}

/* Sobrescrever valores rgba() com cores verdes */
[style*="rgba(0, 255, 136"],
[style*="rgba(34, 197, 94"],
[style*="rgba(22, 163, 74"],
[style*="rgba(74, 222, 128"],
[style*="rgba(52, 211, 153"],
[style*="rgba(110, 231, 183"] {
    background: var(--cor-primaria) !important;
}

/* Sobrescrever valores rgba() para cores de texto verdes */
[style*="color: rgba(0, 255, 136"],
[style*="color: rgba(34, 197, 94"],
[style*="color: rgba(22, 163, 74"],
[style*="color: rgba(74, 222, 128"],
[style*="color: rgba(52, 211, 153"],
[style*="color: rgba(110, 231, 183"] {
    color: var(--cor-primaria) !important;
}

/* Sobrescrever valores rgba() para bordas verdes */
[style*="border-color: rgba(0, 255, 136"],
[style*="border-color: rgba(34, 197, 94"],
[style*="border-color: rgba(22, 163, 74"] {
    border-color: var(--cor-primaria) !important;
}

/* Sobrescrever gradientes que usam valores rgb() verdes */
[style*="linear-gradient"][style*="rgb(0 255 136"],
[style*="linear-gradient"][style*="rgb(34 197 94"],
[style*="linear-gradient"][style*="rgb(22 163 74"] {
    background: linear-gradient(135deg, var(--cor-primaria), var(--cor-secundaria)) !important;
}

/* Sobrescrever gradientes que usam valores rgba() verdes */
[style*="linear-gradient"][style*="rgba(0, 255, 136"],
[style*="linear-gradient"][style*="rgba(34, 197, 94"],
[style*="linear-gradient"][style*="rgba(22, 163, 74"] {
    background: linear-gradient(135deg, var(--cor-primaria), var(--cor-secundaria)) !important;
}

/* Sobrescrever valores rgb() para cores secundárias (laranja/amarelo) */
[style*="rgb(249 115 22)"],
[style*="rgb(234 88 12)"],
[style*="rgb(250 204 21)"],
[style*="rgb(234 179 8)"],
[style*="rgb(202 138 4)"] {
    background: var(--cor-secundaria) !important;
}

/* Sobrescrever valores rgb() para cores de texto secundárias */
[style*="color: rgb(249 115 22)"],
[style*="color: rgb(234 88 12)"],
[style*="color: rgb(250 204 21)"],
[style*="color: rgb(234 179 8)"],
[style*="color: rgb(202 138 4)"] {
    color: var(--cor-secundaria) !important;
}

/* Sobrescrever valores rgba() para cores secundárias */
[style*="rgba(249, 115, 22"],
[style*="rgba(234, 88, 12"],
[style*="rgba(250, 204, 21"],
[style*="rgba(234, 179, 8"],
[style*="rgba(202, 138, 4"] {
    background: var(--cor-secundaria) !important;
}

/* Sobrescrever valores rgba() para cores de texto secundárias */
[style*="color: rgba(249, 115, 22"],
[style*="color: rgba(234, 88, 12"],
[style*="color: rgba(250, 204, 21"],
[style*="color: rgba(234, 179, 8"],
[style*="color: rgba(202, 138, 4"] {
    color: var(--cor-secundaria) !important;
}

/* Sobrescrever valores rgb() para cores de fundo verdes claras */
[style*="background-color: rgb(240 253 244)"],
[style*="background-color: rgb(220 252 231)"],
[style*="background-color: rgb(187 247 208)"] {
    background-color: var(--cor-primaria) !important;
}

/* Sobrescrever valores rgba() para cores de fundo verdes claras */
[style*="background-color: rgba(240, 253, 244"],
[style*="background-color: rgba(220, 252, 231"],
[style*="background-color: rgba(187, 247, 208"] {
    background-color: var(--cor-primaria) !important;
}