@import url(https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Figtree:ital,wght@0,300..900;1,300..900&display=swap);
:root {
  --bs-primary: #04B317; /* Verde personalizado */
  --bs-primary-rgb: 4, 179, 23;
  --bs-primary-bg-subtle: #e6f7e8; /* Versión clara para fondos */
  --bs-primary-border-subtle: #b3e6b8; /* Borde claro */
  --bs-primary-text-emphasis: #037512; /* Texto oscuro para contraste */
  --bs-font-sans-serif: "Asap", sans-serif; 
  --bs-body-font-family: var(--bs-font-sans-serif); 
  --bs-heading-color : #1F2D50;
  --bs-primary-color: #04B317;
  --bs-secondary-color: #0f2d54;
  --bs-btn-disabled-bg: #6c757d;
  
}

.container {
  padding-top: 10px;
}

.btn-primary{
  background-color: var(--bs-primary-color);
  border-color: var(--bs-primary-color);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 4, 179, 23;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary-active);
  --bs-btn-active-border-color: var(--bs-primary-active);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
  
  /* Transición suave */
  transition: all 0.2s ease-in-out;
}

.btn.btn-primary:hover {
  background-color: var(--bs-secondary-color); /* Púrpura oscuro (personaliza este valor) */
  border-color: var(--bs-secondary-color);
  color: white;
}

body {
  font-family: var(--bs-font-sans-serif);
  color: var(--bs-heading-color);
}