/* BACKDROP: glow — a soft pool of brand colour.
 *
 * The only backdrop with no repeat: one large, very soft radial in the top
 * right of each plain section. It gives a page depth without giving it a
 * pattern, which is what most clinical and professional sites actually want.
 *
 * `background-attachment: fixed` is deliberately NOT used — it costs a repaint
 * on every scroll frame on mobile, and the effect at this softness is not worth
 * that on a phone.
 *
 * See dots.css for how these files work and why they paint where they do.
 * Loaded only when theme.json sets "backdrop": "glow".
 */

[data-backdrop="glow"] .section:is([data-ground="surface"],
                                   [data-ground="surface-2"],
                                   [data-ground="surface-3"]) {
  background-image:
    radial-gradient(60rem 32rem at 88% -10%,
      color-mix(in srgb, var(--lws-brand) 14%, transparent), transparent 70%),
    radial-gradient(44rem 26rem at 6% 108%,
      color-mix(in srgb, var(--lws-accent) 10%, transparent), transparent 70%);
  background-repeat: no-repeat;
}