Motion

Motion is restrained and mechanical. The orange darkens on interaction; nothing scales, bounces, or springs.

Tokens

Token	Value	Use
--om-ease-standard	cubic-bezier(0.2,0,0,1)	All transitions
--om-duration-fast	120ms	Hover/press color shifts
--om-duration-base	200ms	Toggles, small reveals
--om-duration-slow	360ms	Drawers, modals

Rules

• Orange darkens on hover and press (--om-orange → --om-orange-hover → --om-orange-press). No scale, no translate, no bounce.
• Transition only the properties that change (background-color, border-color, box-shadow) — never all.
• Respect prefers-reduced-motion: disable non-essential transitions.

.btn {
  transition: background-color var(--om-duration-fast) var(--om-ease-standard);
}
.btn:hover { background: var(--om-orange-hover); }
.btn:active { background: var(--om-orange-press); }