/*
 * BCA Centro — tema de color para todo el frontend v2 (login, admin, y módulos futuros).
 * Se carga siempre después de adminlte.min.css. No editar adminlte.css directamente.
 *
 * Bootstrap 5.3 (base de AdminLTE 4) resuelve la mayoría de utilidades (bg-primary,
 * text-primary, link-primary, badges, alerts) contra var(--bs-primary-rgb) en tiempo
 * de ejecución, así que sobreescribir esas custom properties en :root basta para ellas.
 * Pero unos cuantos componentes (botones, checkboxes, focus rings, paginación) traen el
 * color de marca "horneado" como hex literal en sus propias custom properties de
 * componente (--bs-btn-bg, etc.) desde la compilación de Sass — para esos, la única forma
 * de retemarizar sin un pipeline de build es redeclarar esas mismas custom properties
 * aquí, con el mismo mecanismo de theming que documenta Bootstrap.
 */

:root {
  --bs-primary: #0a2647;
  --bs-primary-rgb: 10, 38, 71;
  --bs-primary-text-emphasis: #082033;
  --bs-primary-bg-subtle: #d6dde4;
  --bs-primary-border-subtle: #adbbc9;

  --bs-danger: #c0152f;
  --bs-danger-rgb: 192, 21, 47;
  --bs-danger-text-emphasis: #7a0e1e;
  --bs-danger-bg-subtle: #f6d4d9;
  --bs-danger-border-subtle: #eba9b3;

  --bs-link-color: var(--bs-primary);
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-link-hover-color: #123a63;
  --bs-link-hover-color-rgb: 18, 58, 99;
}

/* Botones: colores horneados por Bootstrap, se redeclaran por componente */
.btn-primary {
  --bs-btn-bg: #0a2647;
  --bs-btn-border-color: #0a2647;
  --bs-btn-hover-bg: #123a63;
  --bs-btn-hover-border-color: #123a63;
  --bs-btn-active-bg: #082033;
  --bs-btn-active-border-color: #082033;
  --bs-btn-disabled-bg: #0a2647;
  --bs-btn-disabled-border-color: #0a2647;
  --bs-btn-focus-shadow-rgb: 10, 38, 71;
}

.btn-outline-primary {
  --bs-btn-color: #0a2647;
  --bs-btn-border-color: #0a2647;
  --bs-btn-hover-bg: #0a2647;
  --bs-btn-hover-border-color: #0a2647;
  --bs-btn-active-bg: #082033;
  --bs-btn-active-border-color: #082033;
  --bs-btn-focus-shadow-rgb: 10, 38, 71;
}

.btn-danger {
  --bs-btn-bg: #c0152f;
  --bs-btn-border-color: #c0152f;
  --bs-btn-hover-bg: #a01227;
  --bs-btn-hover-border-color: #a01227;
  --bs-btn-active-bg: #8a0f21;
  --bs-btn-active-border-color: #8a0f21;
  --bs-btn-disabled-bg: #c0152f;
  --bs-btn-disabled-border-color: #c0152f;
  --bs-btn-focus-shadow-rgb: 192, 21, 47;
}

.btn-outline-danger {
  --bs-btn-color: #c0152f;
  --bs-btn-border-color: #c0152f;
  --bs-btn-hover-bg: #c0152f;
  --bs-btn-hover-border-color: #c0152f;
  --bs-btn-active-bg: #8a0f21;
  --bs-btn-active-border-color: #8a0f21;
  --bs-btn-focus-shadow-rgb: 192, 21, 47;
}

/* Checkboxes/radios marcados (matriz de permisos usa muchos) */
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0a2647;
  border-color: #0a2647;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #7d93a8;
  box-shadow: 0 0 0 0.25rem rgba(10, 38, 71, 0.25);
}

/* Sidebar: fondo azul marino, acento rojo en el item activo */
.app-sidebar.bg-bca-navy {
  background-color: var(--bs-primary) !important;
}

.app-sidebar {
  --lte-sidebar-menu-active-bg: var(--bs-danger);
  --lte-sidebar-menu-active-color: #fff;
}

/* Header superior: mismo azul marino, texto claro */
.app-header.bg-bca-navy {
  background-color: var(--bs-primary) !important;
}

.app-header.bg-bca-navy .nav-link {
  color: rgba(255, 255, 255, 0.85);
}

.app-header.bg-bca-navy .nav-link:hover {
  color: #fff;
}