/* craft.css — shared "expensive minimalism" ambient layer.
   Injected by craft.js (like nav.js injects the menu) so every page gets the
   same living-light layer from ONE source. Palette + font unchanged.
   Meant for the dark, body-gradient pages (aurora sits above the body bg,
   below the page content — pages keep their content on z-index:2). */

/* aurora — slow frost/cream glows drifting behind the page.
   z-index:-1 keeps it behind ALL content (never over text); it shows on
   body-gradient pages and through any translucent section background. */
.yaurora{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;}
.yaurora span{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(10px);}
.yaurora .a1{width:48vw;height:48vw;top:-12%;left:3%;
  background:radial-gradient(circle,rgba(224,164,94,.16),transparent 62%);animation:yDrift1 21s ease-in-out infinite;}
.yaurora .a2{width:42vw;height:42vw;bottom:-14%;right:2%;
  background:radial-gradient(circle,rgba(241,239,232,.10),transparent 60%);animation:yDrift2 25s ease-in-out infinite;}
@keyframes yDrift1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(4%,6%) scale(1.14);}}
@keyframes yDrift2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-5%,-4%) scale(1.18);}}

/* cursor spotlight — a roaming signal light over the void (above content,
   screen-blend so it only lightens; invisible on cream, glows on dark) */
.yspot{position:fixed;inset:0;z-index:6;pointer-events:none;mix-blend-mode:screen;opacity:0;
  transition:opacity .6s ease;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,12%),rgba(224,164,94,.10),transparent 60%);}
.yspot.on{opacity:1;}

@media (prefers-reduced-motion:reduce){
  .yaurora span,.yspot{animation:none !important;}
  .yspot{display:none !important;}
}