/* ============================================================
   Silver Thumb Games — Motion
   ------------------------------------------------------------
   Slow in, sharp out. Snap, don't drift. Earn the surge:
   long dark, brief charge. 120-240ms on UI, never floaty.
   ============================================================ */

:root {
  /* ---- Easing ---- */
  /* --ease-current is the signature: ease into stillness, snap on the surge. */
  --ease-current:  cubic-bezier(0.16, 1, 0.3, 1);   /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);    /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);      /* @kind other */
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);      /* @kind other */
  /* --ease-surge is the sharp snap on impact. */
  --ease-surge:    cubic-bezier(0.7, 0, 0.2, 1);    /* @kind other */

  /* ---- Durations: snap, never floaty. fast=UI floor, slow=UI ceiling. ---- */
  --dur-instant: 80ms;    /* @kind other */
  --dur-fast:    120ms;   /* @kind other */
  --dur-base:    180ms;   /* @kind other */
  --dur-slow:    240ms;   /* @kind other */
  /* --dur-sting: the studio Cold Boot sting. */
  --dur-sting:   1800ms;  /* @kind other */

  /* ---- Common transitions ---- */
  --transition-control: color var(--dur-fast) var(--ease-current),
                        background-color var(--dur-fast) var(--ease-current),
                        border-color var(--dur-fast) var(--ease-current),
                        box-shadow var(--dur-fast) var(--ease-current),
                        transform var(--dur-fast) var(--ease-current);  /* @kind other */
}

/* The brand sting arc, as a keyframe reference: dark -> charge -> surge -> idle */
@keyframes st-surge-in {
  0%   { transform: translateX(-8%) skewX(-6deg); opacity: 0; }
  60%  { opacity: 1; }
  100% { transform: translateX(0) skewX(0); opacity: 1; }
}
@keyframes st-filament-charge {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@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 */
  }
}
