/* Paleta azul metalizada: tonos desde #072F5F (oscuro) hasta #7FB3FF (claro) */
:root{
  --blue-900: #072F5F;
  --blue-700: #0B4A8A;
  --blue-500: #1867D6;
  --blue-300: #5FA6FF;
  --blue-100: #D9EEFF;
  --muted-text: #6b7c93;
}

/* Card heading subtle styling */
.card .card-title{
  color: var(--blue-900);
  font-weight:600;
}

/* small badges and muted text */
.small.text-muted{ color: var(--muted-text) !important; }

/* card backgrounds slightly bluish */
.card.shadow-sm{ background: linear-gradient(180deg, rgba(245,250,255,0.9), rgba(240,247,255,0.95)); border: 1px solid rgba(11,74,138,0.06); }

/* list items subtle hover */
.list-group-item{ transition: background .12s ease; }
.list-group-item:hover{ background: rgba(11,74,138,0.03); }

/* ensure charts have consistent color palette */
.chart-blue-1{ background-color: var(--blue-500); }
.chart-blue-2{ background-color: var(--blue-300); }
.chart-blue-3{ background-color: var(--blue-700); }

/* compact spacing for dashboard */
.row.g-3{ row-gap: 0.9rem; column-gap: 0.9rem; }

/* responsive tweaks */
@media (max-width: 768px){
  .card .h4{ font-size:1.25rem; }
}