:root {
  --ui-motion-fast: 140ms;
  --ui-motion-standard: 240ms;
  --ui-motion-room: 420ms;
  --ui-ease-standard: cubic-bezier(.2, .8, .2, 1);
  --ui-depth-focus: 0 18px 54px rgba(0, 0, 0, .34);
  --ui-focus-ring: 3px solid #76f7c0;
  --ui-touch-target: 44px;
}

[data-ui-capability-tier="MINIMAL"] .ui-ambient,
[data-ui-capability-tier="REDUCED_MOTION"] .ui-ambient {
  display: none !important;
}

[data-ui-capability-tier="REDUCED"] .ui-ambient {
  opacity: .35;
}

.ui-navigation-anchor {
  min-width: var(--ui-touch-target);
  min-height: var(--ui-touch-target);
}

.ui-navigation-anchor:focus-visible,
[data-ui-focal-object]:focus-visible,
[data-ui-capability-node]:focus-visible {
  outline: var(--ui-focus-ring);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ui-motion-fast: 1ms;
    --ui-motion-standard: 1ms;
    --ui-motion-room: 1ms;
  }
}