/* ============================================================
   wildLOGIC — Motion tokens
   Motion is confident and smooth, never bouncy or playful-cute.
   Think a slow camera move through neon: ease, fade, gentle
   rise. Standard easing is a calm custom cubic-bezier.
   ============================================================ */

:root {
  /* ---- Durations -------------------------------------------- */
  --duration-instant: 80ms;  /* @kind other */
  --duration-fast:    160ms; /* @kind other */
  --duration-base:    240ms; /* @kind other */
  --duration-slow:    420ms; /* @kind other */
  --duration-slower:  680ms; /* @kind other */

  /* ---- Easing ----------------------------------------------- */
  /* calm out-expo-ish standard easing */
  --ease-standard: 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 */
  --ease-in:       cubic-bezier(0.5, 0, 0.75, 0);    /* @kind other */

  /* ---- Composite transitions -------------------------------- */
  --transition-colors: color var(--duration-fast) var(--ease-standard),
                       background-color var(--duration-fast) var(--ease-standard),
                       border-color var(--duration-fast) var(--ease-standard);
  --transition-transform: transform var(--duration-base) var(--ease-standard);
  --transition-base: all var(--duration-base) var(--ease-standard);
}