@asafarim/react-themes/dist/styles.css

A comprehensive theme management system for React applications with automatic dark/light mode detection, custom theme creation, and smooth transitions.

/* @asafarim/react-themes - Uses ASafariM Design Tokens */

/* All theme variables are provided by @asafarim/design-tokens */
/* No custom --theme- variables to avoid conflicts */

/* Smooth transitions for theme changes */
* {
  transition: background-color var(--asm-motion-duration-normal) var(--asm-motion-easing-standard),
              color var(--asm-motion-duration-normal) var(--asm-motion-easing-standard),
              border-color var(--asm-motion-duration-normal) var(--asm-motion-easing-standard);
}

/* Remove transitions for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}