/* Yoga of Spaces — motion. The brand is lamplight, so the motion is lamplight:
   slow, warm, soft. Nothing bounces, slides in from the side, or spins.
   Test: if an animation would look at home on a SaaS landing page, cut it. */
:root{
  /* ── Easing — one curve, ease-out, no overshoot ─────────── */
  --ease-lamp:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-settle:cubic-bezier(.16,.84,.44,1); /* @kind other */

  /* ── Durations ─────────────────────────────────────────── */
  --dur-reveal-fast:600ms; /* @kind other */
  --dur-reveal:700ms; /* @kind other */
  --dur-reveal-slow:800ms; /* @kind other */
  --dur-crossfade:450ms; /* @kind other */      /* collection card → lamp cutout */
  --dur-glow:900ms; /* @kind other */           /* the lamp switching on */
  --dur-hero-settle:2500ms; /* @kind other */   /* hero image scale 1.05 → 1.0 */
  --dur-button:420ms; /* @kind other */
  --stagger-child:90ms; /* @kind other */       /* eyebrow → headline → body → button */

  /* ── Travel & scale — restrained by rule ────────────────── */
  --travel-reveal:26px;       /* 20–30px maximum, never more */
  --scale-entry:1.04; /* @kind other */         /* split-section images settle 1.04 → 1.0 */
  --scale-hero:1.05; /* @kind other */
  --parallax-max:5%; /* @kind other */          /* if parallax is used at all */
  --track-button-hover:.24em; /* letterspacing eases wider on hover */
}

@media (prefers-reduced-motion:reduce){
  :root{
    --dur-reveal-fast:1ms; /* @kind other */
    --dur-reveal:1ms; /* @kind other */
    --dur-reveal-slow:1ms; /* @kind other */
    --dur-crossfade:120ms; /* @kind other */
    --dur-glow:1ms; /* @kind other */
    --dur-hero-settle:1ms; /* @kind other */
    --dur-button:1ms; /* @kind other */
    --stagger-child:0ms; /* @kind other */
    --travel-reveal:0px;
    --scale-entry:1; /* @kind other */
    --scale-hero:1; /* @kind other */
    --parallax-max:0%; /* @kind other */
  }
}