:root{
  --accent:#e7f1ff; /* azul muy claro */
  --accent-border:#bfd8ff; /* borde sutil */
}

/* Tablas */
.table thead th{
  background: var(--accent);
  border-bottom-color: var(--accent-border) !important;
}
.table tbody tr:hover{
  background: rgba(231,241,255,.6);
}
.table td, .table th{
  border-color: var(--accent-border) !important;
}

/* Cards/forms */
.card{
  border-color: var(--accent-border);
}
.card-header.accent{
  background: var(--accent);
  border-bottom: 1px solid var(--accent-border);
}
.card-header.accent h2{
  font-size: 1.35rem; /* más grande */
  font-weight: 600;
  color: #0b5ed7; /* azul sutil pero visible */
}
.page-title{
  padding-bottom: .5rem;
  border-bottom: 2px solid var(--accent-border);
}
.card .form-control:focus{
  border-color: #86b7fe;
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.1);
}
.form-check-input:focus{
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.1);
}
.btn-primary{
  background-image: linear-gradient(180deg, #0d6efd, #0b5ed7);
}
.btn-outline-secondary:hover{
  background: var(--accent);
}

/* Paginación */
.pagination .page-link{
  border-color: var(--accent-border);
}
.pagination .page-item.active .page-link{
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* Footer */
.app-footer{
  background: #0f172a; /* dark slate */
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.8);
}
.app-footer .fw-semibold{ color: #fff; }
.app-footer small{ color: rgba(255,255,255,.6); }
.app-footer a{
  color: rgba(255,255,255,.8);
  text-decoration: none;
}
.app-footer a:hover{ color: #fff; }
.app-footer .social a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  color: #fff;
}
.app-footer .social a:hover{
  background: rgba(255,255,255,.16);
}