:root {
  --bs-primary: #5e81ac;
  --bs-secondary: #666666;
  --bs-success: #8fbc8f;
  --bs-danger: #bf616a;
  --bs-warning: #d08770;
  --bs-info: #88c0d0;
  --bs-light: #eceff4;
  --bs-dark: #2e3440;

  --bs-primary-hover: #6b93c1; /* Slightly lighter shade of primary */
  --bs-secondary-hover: #666666; /* Slightly lighter shade of secondary */
  --bs-success-hover: #9fcba0; /* Slightly lighter shade of success */
  --bs-danger-hover: #c96d74; /* Slightly lighter shade of danger */
  --bs-warning-hover: #d89a82; /* Slightly lighter shade of warning */
  --bs-info-hover: #9ad0db; /* Slightly lighter shade of info */
  --bs-light-hover: #f0f3f9; /* Slightly darker shade of light */
  --bs-dark-hover: #3a404d; /* Slightly lighter shade of dark */
}

/* Ensure button borders match their background colors */
.btn-primary, .btn-primary:focus, .btn-primary:active {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}

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

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

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

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

.list-group-item-primary {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

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

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

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

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

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

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

.btn-secondary, .btn-secondary:focus, .btn-secondary:active {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
  color: #fff !important;
}

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

.alert-secondary {
  background-color: var(--bs-secondary) !important;
  color: #fff !important;
}

.badge-secondary {
  background-color: var(--bs-secondary) !important;
  color: #fff !important;
}

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

.list-group-item-secondary {
  background-color: var(--bs-secondary) !important;
  color: #fff !important;
}

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

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

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

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

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

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

.btn-success, .btn-success:focus, .btn-success:active {
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;
  color: #fff !important;
}

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

.alert-success {
  background-color: var(--bs-success) !important;
  color: #fff !important;
}

.badge-success {
  background-color: var(--bs-success) !important;
  color: #fff !important;
}

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

.list-group-item-success {
  background-color: var(--bs-success) !important;
  color: #fff !important;
}

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

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

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

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

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

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

.btn-danger, .btn-danger:focus, .btn-danger:active {
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
  color: #fff !important;
}

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

.alert-danger {
  background-color: var(--bs-danger) !important;
  color: #fff !important;
}

.badge-danger {
  background-color: var(--bs-danger) !important;
  color: #fff !important;
}

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

.list-group-item-danger {
  background-color: var(--bs-danger) !important;
  color: #fff !important;
}

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

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

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

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

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

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

.btn-warning, .btn-warning:focus, .btn-warning:active {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
  color: #fff !important;
}

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

.alert-warning {
  background-color: var(--bs-warning) !important;
  color: #fff !important;
}

.badge-warning {
  background-color: var(--bs-warning) !important;
  color: #fff !important;
}

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

.list-group-item-warning {
  background-color: var(--bs-warning) !important;
  color: #fff !important;
}

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

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

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

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

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

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

.btn-info, .btn-info:focus, .btn-info:active {
  background-color: var(--bs-info) !important;
  border-color: var(--bs-info) !important;
  color: #fff !important;
}

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

.alert-info {
  background-color: var(--bs-info) !important;
  color: #fff !important;
}

.badge-info {
  background-color: var(--bs-info) !important;
  color: #fff !important;
}

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

.list-group-item-info {
  background-color: var(--bs-info) !important;
  color: #fff !important;
}

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

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

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

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

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

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

.btn-light, .btn-light:focus, .btn-light:active {
  background-color: var(--bs-light) !important;
  border-color: var(--bs-light) !important;
  color: #fff !important;
}

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

.btn-dark, .btn-dark:focus, .btn-dark:active {
  background-color: var(--bs-dark) !important;
  border-color: var(--bs-dark) !important;
  color: #fff !important;
}

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

.alert-dark {
  background-color: var(--bs-dark) !important;
  color: #fff !important;
}

.badge-dark {
  background-color: var(--bs-dark) !important;
  color: #fff !important;
}

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

.list-group-item-dark {
  background-color: var(--bs-dark) !important;
  color: #fff !important;
}

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

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

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

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

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

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