/* effects.css — Atmosphere: grid backgrounds, gradient meshes, hero composition
 * Used by the landing hero and editor canvas backgrounds. */

/* ===== Blueprint grid background
   Simple background-image only — no pseudo overlays, so Drawflow and
   other embedded canvases can handle their own events unobstructed.
   Atmosphere (radial glows etc.) is added via separate .gradient-mesh
   elements where needed (see landing hero). ===== */
.grid-bg {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 64px 64px;
    background-position: -1px -1px;
}

/* ===== Gradient mesh — soft atmospheric blobs for hero composition ===== */
.gradient-mesh {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 15% 50%, rgba(20, 184, 166, 0.18), transparent 35%),
        radial-gradient(circle at 85% 30%, rgba(34, 211, 238, 0.14), transparent 40%),
        radial-gradient(circle at 50% 90%, rgba(245, 158, 11, 0.06), transparent 50%);
    filter: blur(20px);
}

/* Landing hero composition lives in landing.css — keep effects.css
   focused on shared atmosphere primitives (grid-bg, gradient-mesh) used
   across editor, backtest results and help canvases. */