/* Custom overrides: make common UI elements rounded with a light background */

/* General utility that can be applied to any element */
/*.rounded-light {
  border-radius: 1rem !important;
  background-color: #f5f7fa !important;*/ /* subtle light background */
  /*color: #222 !important;
}*/

/* Make primary interactive elements more rounded and light by default */
/*.btn {
  border-radius: 1rem !important;
  background-color: #f5f7fa !important;
  color: #222 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}*/

/* Keep color identity for semantic button variants but with lighter backgrounds */
/*.btn-primary {
  background-color: #eaf4fb !important;
  color: #226ab3 !important;
  border-color: transparent !important;
}
.btn-secondary {
  background-color: #eef0f2 !important;
  color: #374151 !important;
  border-color: transparent !important;
}*/

/* Rounded cards, list items and form controls */
/*.card,
.list-group-item,
.form-control,
.form-select {
  border-radius: 1rem !important;
  background-color: #fbfcfd !important;
  border-color: #e6eaee !important;
}*/

/* Slightly more contrast for inputs when focused */
/*.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 0.15rem rgba(34, 106, 179, 0.08) !important;
  border-color: #cfe6fb !important;
}*/

/* Optional: apply rounded look to badges and pills */
/*.badge,
.rounded-pill {
  border-radius: 1rem !important;
  background-color: #f5f7fa !important;
  color: #222 !important;
}*/