/* 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;
}