/* orbs.css: the drifting orbs of light that /js/orbs.js moves (15 Oct 2026, DESIGN_SPEC §0b).
   No colour is defined here: every orb is a radial gradient of the cosmic.css tokens (gold, orchid, rose) at low
   strength, blended with screen so it reads as light on the violet and all but disappears on the lavender day bands.
   The layer is fixed, under the nav and above the page ground; it never takes pointer events or layout. */
.orbs{position:fixed;inset:0;z-index:var(--z-orbs);pointer-events:none;overflow:hidden;contain:strict;mix-blend-mode:screen}
.orbs .orb{position:absolute;left:0;top:0;border-radius:var(--r-full);opacity:0;will-change:transform,opacity;
  background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--gold-2) 78%,transparent) 0,color-mix(in srgb,var(--gold-2) 32%,transparent) 28%,color-mix(in srgb,var(--gold) 8%,transparent) 52%,transparent 70%)}
.orbs .orb-orchid{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--orchid) 72%,transparent) 0,color-mix(in srgb,var(--orchid) 28%,transparent) 28%,color-mix(in srgb,var(--magenta) 8%,transparent) 52%,transparent 70%)}
.orbs .orb-rose{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--rose) 70%,transparent) 0,color-mix(in srgb,var(--rose) 26%,transparent) 28%,color-mix(in srgb,var(--gold) 8%,transparent) 52%,transparent 70%)}
/* the Oracle's orchid room and the ember-warm Sanctuary lean on their own light */
.orbs[data-mood="oracle"]{mix-blend-mode:screen}
.orbs[data-mood="learn"] .orb{filter:none}
/* nothing moves for people who asked for less motion; the script also never starts */
@media (prefers-reduced-motion:reduce){ .orbs{display:none} }
/* the orbs sit under the nav (z 20), the sheets and dialogs, and above the page ground */
:root{--z-orbs:2}