:root{
  /* your deep navy */
  --overa-navy-rgb: 11,19,43; /* #0b132b */
  --overa-glass-opacity-max: 0.10;
  --overa-glass-opacity: 0.40;
  --overa-glass-opacity-light: 0.70;
}

.bg-opacity-glass { --bs-bg-opacity: var(--overa-glass-opacity) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); }


/* Shared glass effect */
.modal-content,
.dropdown-menu,
.offcanvas,
.toast {
  --bs-bg-opacity: var(--overa-glass-opacity-light);
  --bs-bg: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
  --bs-offcanvas-bg: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  /* subtle borders for polish */
  border: 1px solid rgba(255,255,255,.12);
}

/* Modal-specific */
.modal-content{
  --bs-modal-bg: rgba(var(--bs-body-bg-rgb), var(--overa-glass-opacity-light));
  --bs-modal-border-color: rgba(255,255,255,.12);
  --bs-modal-header-border-color: rgba(255,255,255,.08);
  --bs-modal-footer-border-color: rgba(255,255,255,.08);
}

/* Backdrop (dim + blur) */
.modal-backdrop{
  background-color: rgba(var(--bs-body-bg-rgb), var(--overa-glass-opacity-max));
  --bs-backdrop-opacity: var(--overa-glass-opacity-max);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}