:root {
  /* principal bordo */
  --primary: #7A0823;
  --blue: #7A0823;
  --indigo: #7A0823;
  /* variación más oscura para el gradiente */
  --primary-dark: #5A0417;
}

/* Reglas globales que usan el color primario */
.text-primary,
a.text-primary {
  color: var(--primary) !important;
}

.bg-primary,
.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}

.btn-primary:hover,
.bg-primary:hover {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

/* Gradiente del sidebar (bg-gradient-primary) */
.bg-gradient-primary {
  background-color: var(--primary) !important;
  background-image: linear-gradient(180deg, var(--primary) 10%, var(--primary-dark) 100%) !important;
  background-size: cover;
}

/* Bordes que usan "primary" */
.border-left-primary {
  border-left: .25rem solid var(--primary) !important;
}
.border-bottom-primary {
  border-bottom: .25rem solid var(--primary) !important;
}

/* Cambiar color de iconos en sidebar (cuando se usa sidebar-dark) */
.sidebar .nav-item .nav-link i,
.sidebar .nav-item .nav-link .fa-fw {
  color: rgba(255,255,255,0.95);
}

/* Asegura que el hover del sidebar mantenga la tonalidad bordo */
.sidebar .nav-item .nav-link:active,
.sidebar .nav-item .nav-link:hover {
  color: #fff;
  background: linear-gradient(180deg, rgba(0,0,0,0.06), rgba(0,0,0,0.03));
}

/* Ajustes para collapse-inner (menu desplegable) */
.sidebar .collapse-inner .collapse-item.active,
.sidebar .collapse-inner .collapse-item:focus,
.sidebar .collapse-inner .collapse-item:hover {
  color: var(--primary) !important;
}

/* Forzar color de los iconos pequeños en tarjetas/mini-cards */
.icon-circle {
  background-color: rgba(0,0,0,0.05);
}

/* Si quieres ocultar texto de la brand y mostrar sólo la imagen, la regla ya está en index.php (d-none).
   Si deseas que en pantallas grandes muestre el texto junto a la imagen, descomenta lo siguiente: */
/*
@media (min-width: 768px) {
  .sidebar .sidebar-brand .sidebar-brand-text.d-none {
    display: inline-block !important;
  }
}
*/

/* Pequeños retoques: barra superior (topbar) toggle hover */
.topbar #sidebarToggleTop:hover {
  background-color: rgba(255,255,255,0.9);
}

/* Asegurar contraste en badges, tooltips, etc. que usan primary por defecto */
.badge-primary, .badge-primary a {
  background-color: var(--primary) !important;
  color: #fff !important;
}

/* Especial: si tu plantilla aplica variables CSS inline o directas (clases .text-gray-800 etc.)
   la sobrescritura principal debe funcionar por prioridad, pero si algún sitio mantiene color azul
   fuerte (ej. background-image en CSS minificado), podemos forzarlo con !important en reglas puntuales. */

/* Último recurso: forzar el color de iconos del sidebar en modo claro/oscuro */
.sidebar-dark .nav-item .nav-link i,
.sidebar-light .nav-item .nav-link i {
  color: rgba(255,255,255,0.9) !important;
}