/* ============================================================
   MOTION — Cherry Noir
   Editorial motion is slow, soft and confident: long ease-outs,
   fades and gentle rises. No bounce, no spring, no overshoot.
   ============================================================ */

:root {
  /* Easings */
  --ease-standard:  cubic-bezier(0.4, 0, 0.2, 1);      /* @kind other */
  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);    /* @kind other */
  --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */

  /* Durations — instant/fast(hover)/base/slow(panels)/reveal(hero) */
  --dur-instant: 90ms;    /* @kind other */
  --dur-fast:    160ms;   /* @kind other */
  --dur-base:    280ms;   /* @kind other */
  --dur-slow:    480ms;   /* @kind other */
  --dur-reveal:  820ms;   /* @kind other */

  /* Ready-made transitions */
  --transition-color: color var(--dur-fast) var(--ease-standard),
                      background-color var(--dur-fast) var(--ease-standard),
                      border-color var(--dur-fast) var(--ease-standard); /* @kind other */
  --transition-transform: transform var(--dur-base) var(--ease-editorial); /* @kind other */
  --transition-all: all var(--dur-base) var(--ease-editorial); /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-instant: 0ms; /* @kind other */
    --dur-fast: 0ms;    /* @kind other */
    --dur-base: 0ms;    /* @kind other */
    --dur-slow: 0ms;    /* @kind other */
    --dur-reveal: 0ms;  /* @kind other */
  }
}