/* Paleta ToGov
   #051726 — navy (fundos escuros)
   #1d3148 — slate (textos / hover)
   #3da0da — azul (primária / CTAs)
   #92cdcf — teal (secundária / fundos claros)
*/

:root {
  --togov-navy: 5, 23, 38;
  --togov-slate: 29, 49, 72;
  --togov-blue: 61, 160, 218;
  --togov-teal: 146, 205, 207;
  --togov-teal-50: 244, 251, 251;
  --togov-teal-100: 237, 248, 248;
  --togov-teal-200: 210, 230, 231;
  --togov-teal-300: 186, 220, 222;
}

/* Vuetify (páginas com .v-application) */
:root,
.v-theme--light {
  --v-theme-primary: var(--togov-blue) !important;
  --v-theme-primary-darken-1: var(--togov-slate) !important;
  --v-theme-secondary: var(--togov-teal) !important;
  --v-theme-secondary-darken-1: 61, 160, 218 !important;
}

/* ── Primária (#3da0da) ── */
.text-azul,
.text-azul-claro-100 {
  color: rgb(var(--togov-blue)) !important;
}

.bg-azul,
.bg-azul-claro-100 {
  background-color: rgb(var(--togov-blue)) !important;
}

.border-azul,
.border-azul-claro-200 {
  border-color: rgb(var(--togov-blue)) !important;
}

.hover\:text-azul:hover,
.hover\:text-azul-claro-200:hover {
  color: rgb(var(--togov-teal)) !important;
}

.hover\:bg-azul:hover {
  background-color: rgb(var(--togov-slate)) !important;
}

.hover\:bg-azul-escuro-100:hover,
.hover\:border-azul-escuro-100:hover {
  background-color: rgb(var(--togov-slate)) !important;
  border-color: rgb(var(--togov-slate)) !important;
}

/* ── Escuro (#051726 / #1d3148) ── */
.bg-azul-escuro-300,
.bg-cinza-escuro-300 {
  background-color: rgb(var(--togov-navy)) !important;
}

.bg-azul-escuro-100 {
  background-color: rgb(var(--togov-slate)) !important;
}

.text-azul-escuro-300,
.text-cinza-escuro-300 {
  color: rgb(var(--togov-navy)) !important;
}

.text-azul-escuro-200,
.text-cinza-escuro-200 {
  color: rgb(var(--togov-slate)) !important;
}

.text-azul-escuro-100 {
  color: rgb(var(--togov-blue)) !important;
}

.text-cinza-escuro-100 {
  color: rgb(90, 110, 130) !important;
}

/* ── Claro / teal (#92cdcf) ── */
.text-azul-claro-200 {
  color: rgb(var(--togov-teal)) !important;
}

.text-azul-claro-300,
.text-azul-claro-400,
.text-azul-claro-500 {
  color: rgb(var(--togov-teal-200)) !important;
}

.bg-azul-claro-500 {
  background-color: rgb(var(--togov-teal-50)) !important;
}

.bg-azul-claro-400 {
  background-color: rgb(var(--togov-teal-100)) !important;
}

.bg-azul-claro-300,
.border-azul-claro-300 {
  background-color: rgb(var(--togov-teal-200)) !important;
  border-color: rgb(var(--togov-teal-200)) !important;
}

.from-azul-claro-400 {
  --tw-gradient-from: #edf8f8 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(237 248 248 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-azul-claro-500 {
  --tw-gradient-from: #f4fbfb var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(244 251 251 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-azul-claro-300 {
  --tw-gradient-to: #d2e6e7 var(--tw-gradient-to-position) !important;
}

/* Cinzas neutros com leve tom teal */
.bg-cinza-claro-500 {
  background-color: #f8fafa !important;
}

.bg-cinza-claro-400 {
  background-color: #f1f5f6 !important;
}

.bg-cinza-claro-300,
.border-cinza-claro-300 {
  background-color: #e6eeef !important;
  border-color: #e6eeef !important;
}

.border-cinza-claro-200 {
  border-color: #d2e0e2 !important;
}

.text-cinza-claro-200 {
  color: #6b858c !important;
}

.text-cinza-claro-400,
.text-cinza-claro-500 {
  color: #5a7078 !important;
}

/* Footer e fundos escuros — tons claros legíveis */
footer .text-cinza-claro-200,
section.bg-black .text-cinza-claro-200,
.bg-azul-escuro-300 .text-cinza-claro-200,
.bg-cinza-escuro-300 .text-cinza-claro-200 {
  color: #b8cace !important;
}

footer .text-cinza-claro-400,
footer .hover\:text-cinza-claro-400:hover,
section.bg-black .text-cinza-claro-400,
section.bg-black .hover\:text-cinza-claro-400:hover,
.bg-azul-escuro-300 .text-cinza-claro-400 {
  color: #e8f0f2 !important;
}

.border-cinza-escuro-100 {
  border-color: rgb(90, 110, 130) !important;
}

/* Componentes scoped (menu, diagnóstico, popover) */
.diagnostico-btn[data-v-8a1de157],
[class*="diagnostico-btn"] {
  border-color: rgb(var(--togov-blue)) !important;
  background-color: rgb(var(--togov-blue)) !important;
}

.diagnostico-btn[data-v-8a1de157]:hover,
[class*="diagnostico-btn"]:hover {
  border-color: rgb(var(--togov-slate)) !important;
  background-color: rgb(var(--togov-slate)) !important;
}

.header-accordion button:focus {
  color: rgb(var(--togov-blue)) !important;
}

.item-popover:hover > .icon-box[data-v-47d46c58],
.item-popover:hover .content-box .block[data-v-47d46c58] {
  background-color: rgb(var(--togov-blue)) !important;
  color: rgb(var(--togov-teal-100)) !important;
}

p > a {
  color: rgb(var(--togov-blue)) !important;
}

/* ── Botões ── */
.btn-azul,
a.btn-destaque.bg-azul {
  border-color: rgb(var(--togov-blue)) !important;
  background-color: rgb(var(--togov-blue)) !important;
  color: #fff !important;
}

a.btn-destaque.bg-azul:hover {
  border-color: rgb(var(--togov-slate)) !important;
  background-color: rgb(var(--togov-slate)) !important;
  color: #fff !important;
}

.btn-azul:hover {
  border-color: rgb(var(--togov-slate)) !important;
  background-color: rgb(var(--togov-slate)) !important;
}

.btn-azul-claro {
  border-color: rgb(var(--togov-teal)) !important;
  background-color: rgb(var(--togov-teal)) !important;
  color: rgb(var(--togov-navy)) !important;
}

.btn-azul-claro:hover {
  border-color: rgb(var(--togov-blue)) !important;
  background-color: rgb(var(--togov-blue)) !important;
  color: #fff !important;
}

/* Seções injetadas */
.Section-Cta-Gestor.bg-azul-escuro-300 {
  background-color: rgb(var(--togov-navy)) !important;
}

.Section-Modulos .border-azul-claro-200 {
  border-color: rgb(var(--togov-teal-200)) !important;
}

.Section-Modulos .bg-azul-claro-400 {
  background-color: rgb(var(--togov-teal-100)) !important;
}

.Section-Modulos .text-azul {
  color: rgb(var(--togov-blue)) !important;
}

.Section-Modulos a.inline-block.border-azul {
  border-color: rgb(var(--togov-blue)) !important;
  background-color: rgb(var(--togov-blue)) !important;
}

.Section-Modulos a.inline-block.border-azul:hover {
  background-color: rgb(var(--togov-slate)) !important;
  border-color: rgb(var(--togov-slate)) !important;
}

.Section-Modulos .AccordionBox .v-expansion-panel.is-open {
  border-color: rgb(var(--togov-blue)) !important;
  background-color: rgb(var(--togov-teal-100)) !important;
}

.Section-Modulos .AccordionBox .v-expansion-panel.is-open .accordion-header,
.Section-Modulos .AccordionBox .v-expansion-panel.is-open .togov-chevron {
  color: rgb(var(--togov-blue)) !important;
}

.Section-Modulos .togov-modulos-img-wrap.bg-azul-claro-400 {
  background-color: rgb(var(--togov-teal-100)) !important;
}

/* Section-Inspire — texto legível em fundo escuro */
.Section-Inspire .text-azul-claro-200 {
  color: rgb(var(--togov-teal)) !important;
}

.Section-Inspire .text-cinza-claro-200,
.Section-Inspire span p {
  color: #b8cace !important;
}