/* Custom color overrides for the application.
   Cambia --app-primary por el color que desees (hex).
   Este archivo se carga después de volt.css para sobrescribir estilos. */
:root{
  --app-primary: #0d6efd; /* color primario (modifica aquí) */
  --app-primary-dark: #0b5ed7;
}

/* Bootstrap-like utilities overrides */
.btn-primary, .bg-primary{
  background-color: var(--app-primary) !important;
  border-color: var(--app-primary) !important;
  color: #fff !important;
}

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

.text-primary{
  color: var(--app-primary) !important;
}

/* focus/outline similar to Bootstrap */
.btn-primary:focus, .btn-primary.focus{
  box-shadow: 0 0 0 .2rem rgba(13,110,253,0.25) !important;
}

/* Sidebar: reducir espacio entre icono y texto */
.sidebar .sidebar-icon {
  margin-right: 4px !important;
}
.sidebar .sidebar-icon svg {
  margin-right: 0 !important;
}

/* Sidebar: reducir padding de items con subitems (submenús) */
.sidebar .multi-level .nav-item .nav-link {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.sidebar .multi-level .nav-link .sidebar-icon {
  margin-right: 3px !important;
}