:root {
  --ui-motion-duration-fast: 140ms;
  --ui-motion-duration: 220ms;
  --ui-motion-duration-slow: 420ms;
  --ui-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ui-motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ui-card-lift: -4px;
  --ui-button-lift: -2px;
  --ui-press-depth: 1px;
  --ui-ring-color: rgba(45, 119, 172, 0.28);
  --ui-border-hover: rgba(45, 119, 172, 0.36);
  --ui-shadow-soft: 0 16px 38px rgba(24, 59, 99, 0.1);
  --ui-shadow-hover: 0 24px 54px rgba(24, 59, 99, 0.15);
  --ui-shadow-focus: 0 0 0 4px var(--ui-ring-color);
  --ui-gradient-primary: linear-gradient(135deg, #17395f 0%, #2d77ac 52%, #3bb7a6 100%);
  --ui-gradient-soft: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 255, 0.92));
  --ui-panel-glow: linear-gradient(135deg, rgba(45, 119, 172, 0.14), rgba(59, 183, 166, 0.11));
  --ui-radius-panel: var(--radius-lg, 24px);
  --ui-radius-card: var(--radius-xl, 30px);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ui-motion-duration-fast: 1ms;
    --ui-motion-duration: 1ms;
    --ui-motion-duration-slow: 1ms;
    --ui-card-lift: 0;
    --ui-button-lift: 0;
    --ui-press-depth: 0;
  }
}