:root {
  --brand-primary: #4f46e5;
  --brand-primary-dark: #3730a3;
  --brand-accent: #7c3aed;
  --brand-gradient: linear-gradient(135deg, #4f46e5, #7c3aed);
  --brand-gradient-hover: linear-gradient(135deg, #3730a3, #6d28d9);
  --brand-green-accent: #10b981;
}

/* =========================================================
   Overrides globales Bootstrap 3 / AdminLTE (Fase 1)
   No altera layout: solo color de marca.
   ========================================================= */
.btn-primary,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--brand-primary) !important;
  background-image: var(--brand-gradient) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover {
  background-color: var(--brand-primary-dark) !important;
  background-image: var(--brand-gradient-hover) !important;
  border-color: var(--brand-primary-dark) !important;
  color: #fff !important;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:focus,
.btn-primary.active:focus {
  background-color: var(--brand-primary-dark) !important;
  background-image: var(--brand-gradient-hover) !important;
  border-color: var(--brand-primary-dark) !important;
  color: #fff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 28%, transparent) !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 22%, transparent) !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: var(--brand-primary) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
  background-color: var(--brand-primary) !important;
  background-image: var(--brand-gradient) !important;
  color: #fff !important;
}

.select2-dropdown {
  border-color: var(--brand-primary) !important;
}

.label-primary,
.badge-primary,
.bg-primary {
  background-color: var(--brand-primary) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--brand-primary) !important;
  background-image: var(--brand-gradient) !important;
  border-color: var(--brand-primary) !important;
}