/* CVT backdrop — copied-with-provenance from vendor/cvt/_shared/cvt-backdrop.css (cvt toolkit). Paints the active theme's --cvt-image-backdrop (dimmed by --cvt-image-backdrop-overlay) plus a soft accent glow, behind the page. Link LAST (after the page CSS) so it can move the base colour onto and clear the opaque body background the page sets — otherwise the backdrop stays hidden. Themes that set --cvt-image-backdrop: none (the light default) show the glow only. Deviation from the cvt source: the html/body base rules are added here (our pages paint an opaque body). Backdrops served from /backdrops/ (see server/backdrops/PROVENANCE.md). No web fonts/CDN. */ html { background: var(--cvt-color-surface, #0b1a27); } body { background: transparent; } body::before { content: ""; position: fixed; inset: 0; background-image: var(--cvt-image-backdrop-overlay, none), var(--cvt-image-backdrop, none); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: var(--cvt-image-backdrop-opacity, 0); pointer-events: none; z-index: -2; } body::after { content: ""; position: fixed; inset: 0; background: radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--cvt-color-accent, #62c7ff) 18%, transparent), transparent 40%), radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--cvt-color-candle-glow, #f7b25a) 12%, transparent), transparent 45%), radial-gradient(circle at 50% 90%, color-mix(in srgb, var(--cvt-color-surface-deep, #06131f) 60%, transparent), transparent 60%); pointer-events: none; z-index: -1; }