:root{
  --bs-primary: #fb7185;
  --bs-body-bg: #ffffff;
  --bs-body-color: #0f172a;

  /* FIX: bootstrap RGB var used by many components + our customizer */
  --bs-primary-rgb: 251,113,133;

  /* customization vars (defaults; overridden by header inline vars if user set) */
  --lj-font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --lj-text: var(--bs-body-color);
  --lj-bg: var(--bs-body-bg);
  --lj-bg-image: none;
  --lj-bg-overlay: transparent;
}

body{
  font-family: var(--lj-font) !important;
  color: var(--lj-text) !important;

  background: var(--lj-bg) !important;
  background-image: var(--lj-bg-image);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* optional overlay for readability (image/gradient) */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  background: var(--lj-bg-overlay);
  pointer-events: none;
  z-index: -1;
}