/**
 * Hub App Card Animation Configuration
 *
 * This file contains card hover animation settings for the Teddy Hub app.
 * Animations are loaded from animation-presets.json via animation-loader.js
 */

/* ===== FALLBACK ANIMATIONS ===== */

/**
 * Bouncy hover animation for cards (Default Fallback)
 */
@keyframes hoverBounce {
    0% { transform: translateY(0); }
    20% { transform: translateY(-6px); }
    40% { transform: translateY(-1px); }
    60% { transform: translateY(-4px); }
    80% { transform: translateY(-1.5px); }
    100% { transform: translateY(-2px); }
}

/**
 * Bouncy animation (JSON loader format)
 */
@keyframes bouncyAnimation {
    0% { transform: translateY(0); }
    20% { transform: translateY(-6px); }
    40% { transform: translateY(-1px); }
    60% { transform: translateY(-4px); }
    80% { transform: translateY(-1.5px); }
    100% { transform: translateY(-2px); }
}

/**
 * Hover Lift animation (NEW DEFAULT)
 */
@keyframes hoverLiftAnimation {
    0% { transform: translateY(0); }
    100% { transform: translateY(-8px); }
}

/* ===== CSS VARIABLES (Defaults) ===== */

:root {
    /* Animation timing */
    --card-hover-duration: 0.3s;
    --card-hover-timing: ease-out;

    /* Animation effects */
    --card-hover-animation: hoverLiftAnimation var(--card-hover-duration) var(--card-hover-timing) forwards;

    /* Shadow effects */
    --card-default-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
    --card-hover-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);

    /* Transition effects */
    --card-transition-duration: 0.4s;
    --card-transition-timing: ease-in-out;
}