/* === Bootstrap Theme (usa tu paleta existente) === */
:root,
[data-bs-theme="light"]{
  /* Colores base de Bootstrap mapeados a tu marca */
  --bs-primary: var(--brand-500);
  --bs-primary-rgb: 14,143,176;          /* rgb de #0e8fb0 */
  --bs-info: var(--brand-400);
  --bs-info-rgb: 19,167,200;             /* rgb de #13a7c8 */

  --bs-link-color: var(--brand-500);
  --bs-link-hover-color: var(--brand-600);

  --bs-body-bg: #F4FBFD;                 /* tu fondo claro */
  --bs-body-color: var(--ink);
  --bs-border-color: #cfe3ea;

  /* Enfoques / focus */
  --bs-focus-ring-color: rgba(19,167,200,.35);
}

/* Botones Bootstrap con tu marca */
.btn-primary{
  background-color: var(--brand-500);
  border-color: var(--brand-500);
}
.btn-primary:hover{
  background-color: var(--brand-600);
  border-color: var(--brand-600);
}
.btn-outline-primary{
  color: var(--brand-500);
  border-color: var(--brand-500);
}
.btn-outline-primary:hover{
  color: #fff;
  background-color: var(--brand-500);
  border-color: var(--brand-500);
}

/* Inputs / foco coherente con la paleta */
.form-control:focus,
.form-select:focus{
  border-color: var(--brand-300);
  box-shadow: 0 0 0 .25rem rgba(19,167,200,.25);
}

/* Navbar de Bootstrap con tu 700 */
.navbar.bg-primary,
.navbar-dark.bg-primary{
  background-color: var(--brand-700) !important;
}

/* Cards Bootstrap (si quieres bordes más suaves) */
.card{
  border-color: #e0e0e0;
  border-radius: 12px;
}

/* Badges, alerts, etc. (opcional) */
/* .alert-info{ background: var(--brand-050); color:#0a4a5f; border-color: var(--brand-300); } */