/* Rebranding: Paleta Dourado e Azul Marinho */

/* =========================================
   1. Azul Marinho Muito Escuro (Base)
   Fundo de menus, cabeçalhos e textos escuros
   ========================================= */

.bg-blue-800,
.bg-blue-900,
.bg-purple-800,
.bg-purple-900 {
    background-color: #06101E !important;
}

.text-blue-800,
.text-blue-900,
.text-purple-800,
.text-purple-900 {
    color: #06101E !important;
}

.border-blue-800,
.border-blue-900,
.border-purple-800,
.border-purple-900 {
    border-color: #06101E !important;
}

/* Hover do Base -> Azul Marinho Secundário */
.hover\:bg-blue-800:hover,
.hover\:bg-blue-900:hover,
.hover\:bg-purple-800:hover,
.hover\:bg-purple-900:hover {
    background-color: #0A192F !important;
}

.hover\:text-blue-800:hover,
.hover\:text-purple-800:hover {
    color: #0A192F !important;
}

.hover\:border-blue-800:hover,
.hover\:border-purple-800:hover {
    border-color: #0A192F !important;
}

.focus\:bg-blue-800:focus,
.focus\:bg-purple-800:focus {
    background-color: #06101E !important;
}

/* =========================================
   2. Dourado (Destaque Principal)
   Botões, Links, Ícones
   ========================================= */

.bg-blue-500,
.bg-blue-600,
.bg-blue-700,
.bg-purple-500,
.bg-purple-600,
.bg-purple-700,
.bg-yellow-500,
.bg-yellow-600,
.bg-orange-500,
.bg-orange-600 {
    background-color: #60A5FA !important;
}

.text-blue-500,
.text-blue-600,
.text-blue-700,
.text-purple-500,
.text-purple-600,
.text-purple-700,
.text-yellow-500,
.text-yellow-600,
.text-orange-500,
.text-orange-600 {
    color: #60A5FA !important;
}

.border-blue-500,
.border-blue-600,
.border-blue-700,
.border-purple-500,
.border-purple-600,
.border-purple-700,
.border-yellow-500,
.border-yellow-600,
.border-orange-500,
.border-orange-600 {
    border-color: #60A5FA !important;
}

/* Legibilidade em Botões Dourados */
.bg-blue-500.text-white,
.bg-blue-600.text-white,
.bg-blue-700.text-white,
.bg-purple-500.text-white,
.bg-purple-600.text-white,
.bg-purple-700.text-white {
    color: #06101E !important;
}

.bg-blue-500.text-white:hover,
.bg-blue-600.text-white:hover,
.bg-blue-700.text-white:hover {
    color: #06101E !important;
}

/* Focus Ring */
.focus\:ring-blue-500:focus,
.focus\:ring-blue-600:focus,
.focus\:ring-purple-500:focus {
    --tw-ring-color: #60A5FA !important;
}

/* Hover do Destaque -> Dourado Escuro */
.hover\:bg-blue-500:hover,
.hover\:bg-blue-600:hover,
.hover\:bg-blue-700:hover,
.hover\:bg-purple-500:hover,
.hover\:bg-purple-600:hover,
.hover\:bg-yellow-500:hover,
.hover\:bg-yellow-600:hover,
.hover\:bg-orange-500:hover,
.hover\:bg-orange-600:hover {
    background-color: #3B82F6 !important;
}

.hover\:text-blue-500:hover,
.hover\:text-blue-600:hover,
.hover\:text-purple-500:hover,
.hover\:text-purple-600:hover,
.hover\:text-yellow-500:hover,
.hover\:text-yellow-600:hover {
    color: #3B82F6 !important;
}

.hover\:border-blue-500:hover,
.hover\:border-blue-600:hover,
.hover\:border-purple-500:hover,
.hover\:border-purple-600:hover {
    border-color: #3B82F6 !important;
}

.focus\:bg-blue-500:focus,
.focus\:bg-blue-600:focus {
    background-color: #3B82F6 !important;
}

/* =========================================
   3. Prata / Cinza Claro (Fundos Secundários)
   ========================================= */

.bg-blue-50,
.bg-blue-100,
.bg-purple-50,
.bg-purple-100,
.bg-yellow-50,
.bg-yellow-100 {
    background-color: #F1F3F5 !important;
}

.border-blue-200,
.border-purple-200,
.border-yellow-200 {
    border-color: #E5E7EB !important;
}

/* =========================================
   4. Gradientes
   ========================================= */

.bg-gradient-to-r.from-blue-600.to-blue-800 {
    background: linear-gradient(to right, #06101E, #0A192F) !important;
}

.bg-gradient-to-br.from-blue-600.via-blue-700.to-blue-800 {
    background: linear-gradient(to bottom right, #06101E, #0A192F, #06101E) !important;
}

.from-blue-600 {
    --tw-gradient-from: #06101E !important;
    --tw-gradient-to: rgb(6 16 30 / 0) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-blue-800 {
    --tw-gradient-to: #0A192F !important;
}

.via-blue-700 {
    --tw-gradient-to: rgb(10 25 47 / 0) !important;
    --tw-gradient-stops: var(--tw-gradient-from), #0A192F, var(--tw-gradient-to) !important;
}

/* =========================================
   5. Cards Específicos
   ========================================= */

.card-info-importantes {
    background-color: #0A192F !important;
    color: #E5E7EB !important;
}

.card-info-importantes h2,
.card-info-importantes h3,
.card-info-importantes h4,
.card-info-importantes p,
.card-info-importantes li,
.card-info-importantes span {
    color: #E5E7EB !important;
}

.card-info-importantes .text-blue-700,
.card-info-importantes .text-blue-800,
.card-info-importantes .text-blue-500 {
    color: #60A5FA !important;
}

/* =========================================
   6. Global Button Rounding
   ========================================= */

button, 
input[type="submit"], 
input[type="button"],
.btn,
a[class*="px-"][class*="py-"][class*="bg-"],
a[class*="px-"][class*="py-"][class*="border"] {
    border-radius: 0.5rem !important; /* Aumenta o arredondamento (equivalente a rounded-lg) */
}

/* Evitar arredondar demais elementos que devem ser totalmente circulares */
.rounded-full {
    border-radius: 9999px !important;
}