/* Storefront only. Admin pages retain fc-background.css. */
body {
  background-color:var(--bg) !important;
  background-image:linear-gradient(90deg, transparent, var(--bg) 36%, var(--bg) 64%, transparent),
    url('detail-pitch.svg'),
    radial-gradient(ellipse at 0% 30%, var(--body-surface-image-3), transparent 42%),
    radial-gradient(ellipse at 100% 75%, var(--body-surface-image-4), transparent 40%),
    radial-gradient(circle, var(--body-surface-image-5) .7px, transparent .9px) !important;
  background-size:100% 100%, 100% 900px, 100% 100%, 100% 100%, 24px 24px !important;
  background-position:center top !important;
  background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, repeat !important;
  background-attachment:fixed !important;
}

@media (max-width: 1100px) {
  body {
    background-image:radial-gradient(ellipse at 0% 0%, var(--body-surface-image-6), transparent 60%),
      radial-gradient(ellipse at 100% 65%, var(--body-surface-image-7), transparent 55%) !important;
    background-size:100% 100% !important;
    background-attachment:scroll !important;
  }
}

/* Disable legacy image overlays so the shared backdrop stays visible. */
body::before { display:none !important; }

html[data-theme="light"] body {
  background-color:var(--bg)!important;
  background-image:radial-gradient(circle,rgb(var(--text-rgb) / .05) .7px,transparent .9px)!important;
  background-size:24px 24px!important;
  background-repeat:repeat!important;
}
html[data-theme="light"] body::after {
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:var(--text);opacity:.05;
  mask:url('detail-pitch-mask.svg') center top / 100% 900px no-repeat;
  -webkit-mask:url('detail-pitch-mask.svg') center top / 100% 900px no-repeat;
}
@media(max-width:1100px){html[data-theme="light"] body::after{display:none}}