/* styleCustom.css: Personalización de colores principales */
:root {
    --brand: #009541; /* Color principal (verde) */
    --brand-secondary: #EE8C2A; /* Color secundario (naranja) */

}


.btn-primary{
    --bs-btn-color: #fff;
    --bs-btn-bg: #009541;
    --bs-btn-border-color: #009541;
    --bs-btn-hover-color: #fff;
    /* --bs-btn-hover-bg: #007f3e; */
    /* --bs-btn-hover-border-color: #006f36; */
    --bs-btn-hover-bg: var(--brand-secondary);
    --bs-btn-hover-border-color: var(--brand-secondary);
    --bs-btn-focus-shadow-rgb: 0, 149, 65;
    --bs-btn-active-color: #fff;
    /* --bs-btn-active-bg: #006f36; */
    /* --bs-btn-active-border-color: #005f2e; */
    --bs-btn-active-bg: var(--brand-secondary);
    --bs-btn-active-border-color: var(--brand-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #009541;
    --bs-btn-disabled-border-color: #009541;
}

a:hover {
    color: var(--brand-secondary);
}
.sidebar-menu li a:hover {
  color: var(--brand-secondary);
}

/* .sidebar-menu .sidebar-submenu li.active-page a {
  background-color: var(--brand-secondary);
  color: var(--text-primary-light);
} */

.sidebar-menu li > a.active-page {
  background-color: var(--brand);
  transition: background-color 0.1s ease;
  color: #fff;
}

.sidebar-menu li > a.active-page:hover {
    background-color: var(--brand-secondary);
  color: #fff;
}