:root {
  --bs-primary: #003087; /* Deep blue for primary elements */
  --bs-primary-rgb: 0, 48, 135;
  --bs-secondary: #6c757d; /* Neutral gray for secondary elements */
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success: #28a745; /* Green for agriculture/environment accents */
  --bs-success-rgb: 40, 167, 69;
  --bs-warning: #fd7e14; /* Orange for highlights and CTAs */
  --bs-warning-rgb: 253, 126, 20;
  --bs-light: #f8f9fa; /* White/off-white for backgrounds */
  --bs-light-rgb: 248, 249, 250;
  --bs-dark: #212529; /* Dark gray for text and contrast */
  --bs-dark-rgb: 33, 37, 41;

  /* Button and link hover states */
  --bs-primary-hover: #002060;
  --bs-success-hover: #218838;
  --bs-warning-hover: #e06c00;

  /* Override Bootstrap defaults */
  --bs-link-color: #003087;
  --bs-link-hover-color: #002060;
  --bs-btn-primary-bg: #003087;
  --bs-btn-primary-border: #003087;
  --bs-btn-primary-hover-bg: #002060;
  --bs-btn-primary-hover-border: #002060;
  --bs-btn-secondary-bg: #6c757d;
  --bs-btn-secondary-border: #6c757d;
  --bs-btn-success-bg: #28a745;
  --bs-btn-success-border: #28a745;
  --bs-btn-success-hover-bg: #218838;
  --bs-btn-success-hover-border: #218838;
  --bs-btn-warning-bg: #fd7e14;
  --bs-btn-warning-border: #fd7e14;
  --bs-btn-warning-hover-bg: #e06c00;
  --bs-btn-warning-hover-border: #e06c00;
}

/* Apply custom colors to Bootstrap components */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover {
  background-color: var(--bs-primary-hover);
  border-color: var(--bs-primary-hover);
}
.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}
.btn-success {
  background-color: var(--bs-success);
  border-color: var(--bs-success);
}
.btn-success:hover {
  background-color: var(--bs-success-hover);
  border-color: var(--bs-success-hover);
}
.btn-warning {
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
}
.btn-warning:hover {
  background-color: var(--bs-warning-hover);
  border-color: var(--bs-warning-hover);
}

.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-warning {
  background-color: var(--bs-warning) !important;
}
.bg-light {
  background-color: var(--bs-light) !important;
}
.text-primary {
  color: var(--bs-primary) !important;
}
.text-secondary {
  color: var(--bs-secondary) !important;
}
.text-success {
  color: var(--bs-success) !important;
}
.text-warning {
  color: var(--bs-warning) !important;
}
.text-light {
  color: var(--bs-light) !important;
}