/* Cali X Los Animales — Overrides específicos
   Depende de AdminLTE para toda la estructura visual
   Este archivo contiene SOLO overrides específicos del proyecto
*/

:root {
  --ca-primary: #1f3a93;
  --ca-secondary: #6c757d;
  --ca-success: #28a745;
  --ca-danger: #dc3545;
  --ca-warning: #ffc107;
  --ca-info: #17a2b8;
}

/* Override del color primario de AdminLTE */
.btn-primary {
  --bs-btn-bg: var(--ca-primary);
  --bs-btn-border-color: var(--ca-primary);
}

.btn-primary:hover {
  --bs-btn-bg: #18275c;
  --bs-btn-border-color: #18275c;
}

.btn-outline-primary:hover {
  --bs-btn-bg: var(--ca-primary);
  --bs-btn-border-color: var(--ca-primary);
}

/* Links color */
a {
  color: var(--ca-primary);
}

a:hover {
  color: #18275c;
}

/* Badge primary color */
.badge.text-bg-primary {
  background-color: var(--ca-primary) !important;
}

/* Alert info */
.alert-info {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460;
}

/* Form control focus */
.form-control:focus {
  border-color: var(--ca-primary);
  box-shadow: 0 0 0 0.2rem rgba(31, 58, 147, 0.25);
}

.form-select:focus {
  border-color: var(--ca-primary);
  box-shadow: 0 0 0 0.2rem rgba(31, 58, 147, 0.25);
}

/* Sidebar brand text */
.brand-text {
  color: var(--ca-primary);
}

/* Nav link active */
.nav-link.active {
  color: var(--ca-primary);
}

/* Small utility classes for common patterns */
.text-muted {
  color: #6c757d;
}

.text-sm {
  font-size: 0.875rem;
}

/* Responsive adjustments */
@media (max-width: 576px) {
  .fs-3 {
    font-size: 1.5rem !important;
  }

  .table {
    font-size: 0.9rem;
  }

  .btn {
    padding: 0.35rem 0.65rem;
    font-size: 0.85rem;
  }
}