/* config/custom.css */
#background {
  background-image: linear-gradient(rgb(var(--bg-color) / 0), rgb(var(--bg-color) / 0)), url('/images/a2.jpg?v=20260321-1624') !important;
  background-size: cover !important;
  background-position: center center !important;
}

body::before {
  content: "";
  z-index: 0;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  pointer-events: none;
}
.card, .bg-base-200, .bg-neutral, .bg-neutral-focus {
  background-color: rgba(17,25,40,0.85) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}