:root {
    --primary: #237227;
    --secondary: #519A66;
    --contrast: #FFAA00;
    --contrast-secondary: #FFD786;
}

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    box-shadow: none !important;
    color: white !important;
}
.btn-primary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.btn-contrast {
    background-color: var(--contrast) !important;
    border-color: var(--contrast) !important;
    box-shadow: none !important;
    color: white !important;
}
.btn-contrast:hover {
    background-color: var(--contrast-secondary) !important;
    border-color: var(--contrast-secondary) !important;
}

.badge-primary {
    background-color: var(--primary) !important;
    color: white !important;
    border-color: var(--primary) !important;
}

.badge-secondary {
    background-color: var(--secondary) !important;
    color: white !important;
    border-color: var(--secondary) !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}




/* Toast */
.toast {
  position: fixed;
  bottom: 20px;
  right: 20px;

  opacity: 0;
  animation: fadeInOut 5s forwards;
}

/* Animation */
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}