/* new background color - 20 Nov 25 */
:root {
  --bg-light: radial-gradient(circle at top, #f0f4ff 0%, #e5e7eb 50%, #dfe3e6 100%);
  /*--bg-dark:  radial-gradient(circle at top, #020617 0%, #020617 40%, #000000 100%);*/
}

/* LIGHT MODE */
html[data-bs-theme="light"],
html[data-bs-theme="light"] body {
  background: var(--bg-light) !important;
  color: #374151 !important;
}

/* DARK MODE */
html[data-bs-theme="dark"],
html[data-bs-theme="dark"] body {
  background: var(--bg-dark) !important;
  color: #e5e7eb !important;
}

/* Button color */
.btn-custom-blue {
  background-color: #3da4f1;
  border-color: #3da4f1;
  /*color: #fff;*/
}

.btn-custom-blue:hover,
.btn-custom-blue:focus {
  background-color: #2c8fd8; /* slightly darker for hover */
  border-color: #2c8fd8;
  color: #fff;
  /*color: #ea5364;*/
}