/* Young Marketers — motion.

   The brand is a print-first, standards-first system. Motion is restrained to the point of
   near-absence: nothing bounces, nothing springs, nothing floats. The Sage archetype does not
   wink at you. Where interaction exists (web, prototypes), it is a fast, linear-ish state change.

   Hover  = red deepens, or a hairline becomes a 2px rule. Never a lift, never a scale-up.
   Press  = red goes to --ym-red-dark. No shrink.
   Reveal = opacity + a 12px upward translate, once, on scroll. Never on loop. */

:root {
  --ym-duration-instant: 90ms; /* @kind other */
  --ym-duration-fast: 140ms; /* @kind other */
  --ym-duration-base: 220ms; /* @kind other */
  --ym-duration-reveal: 420ms; /* @kind other */

  --ym-ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ym-ease-exit: cubic-bezier(0.4, 0, 1, 1); /* @kind other */

  --ym-transition-state: color var(--ym-duration-fast) var(--ym-ease-standard),
                         background-color var(--ym-duration-fast) var(--ym-ease-standard),
                         border-color var(--ym-duration-fast) var(--ym-ease-standard); /* @kind other */
  --ym-reveal-offset: 12px; /* @kind spacing */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ym-duration-instant: 0ms; /* @kind other */
    --ym-duration-fast: 0ms; /* @kind other */
    --ym-duration-base: 0ms; /* @kind other */
    --ym-duration-reveal: 0ms; /* @kind other */
    --ym-reveal-offset: 0px; /* @kind spacing */
  }
}