/* css/animations/tokens.css — Shared @keyframes for AI CFO animations */

@keyframes aicfo-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes aicfo-fade-up {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes aicfo-fade-down {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes aicfo-slide-right {
  from { opacity: 0; transform: translateX(24px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes aicfo-scale-in {
  from { opacity: 0; transform: scale(0.94); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes aicfo-pulse-click {
  0%   { transform: scale(1); }
  40%  { transform: scale(0.94); }
  100% { transform: scale(1); }
}

@keyframes aicfo-border-slide {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

@keyframes aicfo-shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}

@keyframes aicfo-count-up {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes aicfo-glow-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(46, 122, 130, 0); }
  50%      { box-shadow: 0 0 0 4px rgba(46, 122, 130, 0.12); }
}

/* Respekterar systempreferens för reducerad rörelse */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}