/* ============================================================================
   PILOT · AURORA GLASS — sample-fidelity layer  ([data-theme="aurora"] only)
   Adds motion/depth on top of signatures.css: breathing brand glow (the ONE
   glow), glass hover-lift, light-catch, prompt-glow-on-focus, thin+rounded type.
   Law: a pane has a light border OR a glow, never both. Motion behind
   prefers-reduced-motion (app.css).
   ============================================================================ */
[data-theme="aurora"]{--ease:cubic-bezier(.4,0,.2,1)}

/* the ONE glow: brand blob behind the Landing hero — boots + breathes ------ */
[data-theme="aurora"] #view-landing .lp::before{opacity:.55}
[data-theme="aurora"]:not([data-effects="off"]) #view-landing .lp::before{animation:a-breathe 7s ease-in-out infinite}
@keyframes a-breathe{0%,100%{opacity:.45;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.06)}}

/* thin + rounded type (airy over dense) ------------------------------------ */
[data-theme="aurora"] .lp h1{font-weight:300;letter-spacing:-.02em}
[data-theme="aurora"] h1.title{font-weight:500}
[data-theme="aurora"] .sub,[data-theme="aurora"] .lp .lead{color:var(--fg-muted)}

/* glass panes float: hover lifts + deepens the (neutral) shadow, NO glow ---- */
[data-theme="aurora"] .card,[data-theme="aurora"] .tile,[data-theme="aurora"] .column,
[data-theme="aurora"] .kcard,[data-theme="aurora"] .navitem,[data-theme="aurora"] .btn{transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s}
[data-theme="aurora"] .tile:hover,[data-theme="aurora"] .card:hover{transform:translateY(-3px);
  box-shadow:0 30px 70px -30px rgba(0,8,20,.9),0 8px 22px -12px rgba(0,6,16,.6)}
[data-theme="aurora"] .kcard:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--surface) 78%,transparent)}
[data-theme="aurora"] .tile:hover .well{background:color-mix(in srgb,var(--brand) 22%,var(--surface-2))}

/* prompt-glow-on-focus: the command/search/composer breathes a soft brand
   glow when you type — "this is where the power flows" (Aurora's live signal) */
[data-theme="aurora"] .search,[data-theme="aurora"] .composer,[data-theme="aurora"] .field input,[data-theme="aurora"] .field textarea{transition:box-shadow .3s var(--ease)}
[data-theme="aurora"] .search:focus-within,[data-theme="aurora"] .composer:focus-within{box-shadow:0 0 34px -10px color-mix(in srgb,var(--brand) 55%,transparent)}
[data-theme="aurora"] .field input:focus-visible,[data-theme="aurora"] .field textarea:focus-visible{box-shadow:0 0 30px -12px color-mix(in srgb,var(--brand) 50%,transparent)}

/* live pipeline node: soft brand halo that gently pulses (not a hard neon) -- */
[data-theme="aurora"] .step.live .node{border-color:var(--brand);color:var(--brand-ink)}
[data-theme="aurora"]:not([data-effects="off"]) .step.live .node{animation:a-node 2.6s ease-in-out infinite}
@keyframes a-node{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 40%,transparent)}50%{box-shadow:0 0 16px -2px color-mix(in srgb,var(--brand) 55%,transparent)}}
[data-theme="aurora"] .step.done .node{box-shadow:0 0 14px -4px color-mix(in srgb,var(--brand) 50%,transparent)}
[data-theme="aurora"] .step.live .bar i{background:var(--brand)}

/* soft rounded focus ring (no hard outline) -------------------------------- */
[data-theme="aurora"] :focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 32%,transparent)}

/* pills & chips fully rounded; heavy corners everywhere -------------------- */
[data-theme="aurora"] .btn,[data-theme="aurora"] .search,[data-theme="aurora"] .field input,[data-theme="aurora"] .field textarea{border-radius:12px}
[data-theme="aurora"] .kcard{border-radius:12px}

/* FAB + primary carry the brand gradient with a soft lift ------------------ */
[data-theme="aurora"] .btn.primary,[data-theme="aurora"] .fab{background:var(--brand-grad);color:var(--brand-on);border-color:transparent;
  box-shadow:0 10px 26px -10px color-mix(in srgb,var(--brand) 70%,transparent)}
[data-theme="aurora"] .btn.primary:hover{transform:translateY(-1px)}

/* nav active = soft glass pill (no hard glow — light border only) ---------- */
[data-theme="aurora"] .navitem[aria-current="true"]{box-shadow:none;background:color-mix(in srgb,var(--brand) 14%,transparent)}

/* editor: the foreign site sits on true white paper, framed in glass ------- */
[data-theme="aurora"] .canvas{background:color-mix(in srgb,var(--surface) 60%,transparent)}

/* deepen the aurora sky so the glass panes read as FLOATING ----------------- */
[data-theme="aurora"]:not([data-effects="off"]) body::before{background:
  radial-gradient(46% 40% at 14% -6%,color-mix(in srgb,var(--brand) 34%,transparent),transparent 66%),
  radial-gradient(44% 34% at 100% 2%,color-mix(in srgb,#9b7cff 28%,transparent),transparent 66%),
  radial-gradient(62% 42% at 50% 112%,color-mix(in srgb,#7fe0ff 18%,transparent),transparent 62%)}
[data-theme="aurora"][data-mode="light"]:not([data-effects="off"]) body::before{background:
  radial-gradient(46% 40% at 14% -6%,color-mix(in srgb,var(--brand) 24%,transparent),transparent 66%),
  radial-gradient(44% 34% at 100% 2%,color-mix(in srgb,#9b7cff 18%,transparent),transparent 66%),
  radial-gradient(62% 42% at 50% 112%,color-mix(in srgb,#7fe0ff 22%,transparent),transparent 62%)}
/* glass slightly more translucent so the sky shows through ------------------ */
[data-theme="aurora"]:not([data-effects="off"]) .card,[data-theme="aurora"]:not([data-effects="off"]) .column,
[data-theme="aurora"]:not([data-effects="off"]) .proc-list,[data-theme="aurora"]:not([data-effects="off"]) .proc-detail,
[data-theme="aurora"]:not([data-effects="off"]) .wiki-side,[data-theme="aurora"]:not([data-effects="off"]) .inspector{
  background:color-mix(in srgb,var(--surface) 52%,transparent)}