diff --git a/src/app/styles/app.css b/src/app/styles/app.css index ee2d8d5..f574f19 100644 --- a/src/app/styles/app.css +++ b/src/app/styles/app.css @@ -118,4 +118,23 @@ body { @apply bg-background text-foreground; } -} \ No newline at end of file +} + +/* Global utility - useful across your app */ +@media (prefers-reduced-motion: reduce) { + * { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + } +} + +/* Performance optimization for collapsible elements */ +[data-state="open"] { + will-change: height; +} + +/* Smooth focus transitions - good globally */ +.peer:focus-visible ~ * { + transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); +}