:root,
[data-bs-theme="light"] {
  /* Ensure the design system primary color reflects the requested theme */
  --ins-primary: #2483c5;
  --ins-primary-rgb: 36, 131, 197;
}

/* Solid primary buttons */
.btn-primary {
  background-color: #2483c5 !important;
  border-color: #2483c5 !important;
}

/* Hover/active states with a slightly darker shade for better feedback */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #1f73ae !important;
  border-color: #1f73ae !important;
}

/* Outline primary buttons */
.btn-outline-primary {
  color: #2483c5 !important;
  border-color: #2483c5 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #2483c5 !important;
  border-color: #2483c5 !important;
  color: #fff !important;
}