export const fadeUp = {
  hidden: { opacity: 0, y: 20 },
  visible: {
    opacity: 1,
    y: 0,
    transition: { duration: 0.6, ease: "easeOut" },
  },
};

export const fadeIn = {
  hidden: { opacity: 0 },
  visible: {
    opacity: 1,
    transition: { duration: 0.6, ease: "easeOut" },
  },
};

export const staggerContainer = (delay: number = 0.08) => ({
  hidden: {},
  visible: {
    transition: {
      staggerChildren: delay,
    },
  },
});

export const cardHover = {
  whileHover: {
    y: -6,
    boxShadow: "0 24px 48px rgba(59,130,246,0.20)",
    borderColor: "rgba(59,130,246,0.35)",
  },
};

export const pageEnterMotion = {
  initial: { opacity: 0, y: 12 },
  animate: { opacity: 1, y: 0, transition: { duration: 0.5, ease: "easeOut" } },
};
