/* Custom Bootstrap Color Palette - Compiled from SCSS */

:root {
  --bs-primary: #00d500;
  --bs-secondary: #4CAF50;
  --bs-success: #A5D6A7;
  --bs-info: #B2DFDB;
  --bs-warning: #FFC107;
  --bs-danger: #D32F2F;
  --bs-light: #F9F9F9;
  --bs-dark: #212121;
  --bs-gray-100: #F5F5F5;
  --bs-gray-600: #757575;
  --bs-gray-800: #424242;
}

/* Override Bootstrap's default theme colors */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-primary:hover {
  background-color: #00b300 !important;
  border-color: #00b300 !important;
}

.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}

.btn-success {
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;
  color: #000 !important;
}

.btn-info {
  background-color: var(--bs-info) !important;
  border-color: var(--bs-info) !important;
  color: #000 !important;
}

.btn-warning {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
  color: #000 !important;
}

.btn-danger {
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
}

.btn-outline-primary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-outline-primary:hover {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

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

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

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

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

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

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

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

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

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

.text-secondary {
  color: var(--bs-secondary) !important;
}

.text-success {
  color: var(--bs-success) !important;
}

.text-info {
  color: var(--bs-info) !important;
}

.text-warning {
  color: var(--bs-warning) !important;
}

.text-danger {
  color: var(--bs-danger) !important;
}

.text-light {
  color: var(--bs-light) !important;
}

.text-dark {
  color: var(--bs-dark) !important;
}

/* Custom component styles using theme colors */
.navbar-brand:hover {
  color: var(--bs-primary) !important;
}

.card {
  border-color: var(--bs-gray-100);
}

.card:hover {
  border-color: var(--bs-primary);
}

a {
  color: var(--bs-primary);
}

a:hover {
  color: var(--bs-secondary);
}

footer a:hover {
  color: var(--bs-primary) !important;
}