/* Variáveis globais (O PHP vai sobrescrever a --cor-primaria) */
:root {
    --cor-primaria: #009EE3; /* Cor padrão de fallback */
    --cor-secundaria: #007BB5;
    --cor-texto: #2c3e50;
    --cor-texto-mutado: #64748b;
}

/* Utilitários Dinâmicos */
.text-primary { color: var(--cor-primaria) !important; }
.bg-primary { background-color: var(--cor-primaria) !important; }
.border-primary { border-color: var(--cor-primaria) !important; }

/* Textos e Fundos base */
.text-gray { color: var(--cor-texto); }
.text-muted-gray { color: var(--cor-texto-mutado); }
.bg-light-gray { background-color: #f8fafd; }

/* CORREÇÃO DOS BOTÕES DINÂMICOS */
.btn-primary-dynamic {
    background-color: var(--cor-primaria) !important;
    color: #ffffff !important;
    border: none !important;
}

.btn-primary-dynamic:hover {
    filter: brightness(0.9); /* Escurece levemente no hover */
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* EFEITO PULSE DINÂMICO (Usa a cor do Painel Master) */
@keyframes pulse-dynamic {
    0% { box-shadow: 0 0 0 0 var(--cor-primaria); }
    70% { box-shadow: 0 0 0 15px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}
.btn-pulse { 
    animation: pulse-dynamic 2s infinite !important; 
}

/* Barra de rolagem */
::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background-color: transparent; border-radius: 50px; }
::-webkit-scrollbar-thumb { background-color: var(--cor-primaria); border-radius: 50px; }

/* Estilos gerais */
html { font-family: ui-sans-serif, system-ui, sans-serif; scroll-behavior: smooth; }