/*
 * Mapeia os tokens de marca (definidos em :root pela tela Configurações > Personalizar,
 * via app/Views/partials/_head.php) para as classes AdminLTE/Bootstrap 4 já usadas em todo
 * o sistema. Os fallbacks abaixo são a identidade padrão do HUB (moodboard "HUB Plataforma"):
 * primária de ação #2F7EDB, secundária/navy #0B1F3B, destaque #00D4FF, tipografia Inter.
 * Uma instância que personalizar sua própria cor em Configurações > Personalizar sobrescreve
 * esses fallbacks via a variável CSS — o padrão abaixo só vale para quem não personalizou.
 */
.btn-primary {
  background-color: var(--primary, #2F7EDB) !important;
  border-color: var(--primary, #2F7EDB) !important;
}
.btn-outline-primary {
  color: var(--primary, #2F7EDB) !important;
  border-color: var(--primary, #2F7EDB) !important;
}
.btn-outline-primary:hover {
  background-color: var(--primary, #2F7EDB) !important;
  color: #fff !important;
}
.bg-primary {
  background-color: var(--primary, #2F7EDB) !important;
}
.text-primary {
  color: var(--primary, #2F7EDB) !important;
}
.badge-primary {
  background-color: var(--primary, #2F7EDB) !important;
}
.page-item.active .page-link {
  background-color: var(--primary, #2F7EDB) !important;
  border-color: var(--primary, #2F7EDB) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--primary, #2F7EDB);
  background-color: var(--primary, #2F7EDB);
}
.form-control:focus {
  border-color: var(--primary, #2F7EDB);
}

.btn-secondary {
  background-color: var(--secondary, #0B1F3B) !important;
  border-color: var(--secondary, #0B1F3B) !important;
}
.bg-secondary {
  background-color: var(--secondary, #0B1F3B) !important;
}
.text-secondary {
  color: var(--secondary, #0B1F3B) !important;
}
.badge-secondary {
  background-color: var(--secondary, #0B1F3B) !important;
}

.text-info {
  color: var(--accent, #00D4FF) !important;
}
.bg-info {
  background-color: var(--accent, #00D4FF) !important;
}
.badge-info {
  background-color: var(--accent, #00D4FF) !important;
}

body {
  font-family: var(--font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif);
  color: var(--text-color, #1F2D3D);
}
.content-wrapper {
  background-color: var(--content-bg, #F4F7FB);
}