/* ============================================================
   MOTION — Unreal
   Restrained & cinematic. Smooth fades and confident slides.
   No bounce, no playful springs. Long, eased reveals.
   ============================================================ */

:root {
  /* ---- Durations ---- */
  --dur-instant: 80ms;     /* @kind other */
  --dur-fast: 140ms;       /* @kind other */
  --dur-base: 220ms;       /* @kind other */
  --dur-slow: 360ms;       /* @kind other */
  --dur-slower: 560ms;     /* @kind other */
  --dur-reveal: 700ms;     /* @kind other */
  --dur-cinematic: 900ms;  /* @kind other */

  /* ---- Easing ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);       /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-in: cubic-bezier(0.5, 0, 0.75, 0);         /* @kind other */
  --ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-snap: cubic-bezier(0.4, 0, 0.2, 1);        /* @kind other */
  --ease-linear: linear;                            /* @kind other */

  /* ---- Common transitions ---- */
  --t-colors: color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);  /* @kind other */
  --t-transform: transform var(--dur-base) var(--ease-out);  /* @kind other */
  --t-opacity: opacity var(--dur-base) var(--ease-out);      /* @kind other */
  --t-all: all var(--dur-base) var(--ease-out);              /* @kind other */

  /* ---- Hover/press conventions ---- */
  --press-scale: 0.98;        /* @kind other */
  --hover-img-scale: 1.04;    /* @kind other */
  --hover-lift: -2px;         /* @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-slower: 0ms;    /* @kind other */
    --dur-cinematic: 0ms; /* @kind other */
  }
}