/* ==========================================================================
   BE VUE: HARDWARE ACCELERATED MICRO-INTERACTIONS
   ========================================================================== */

/* The Core Interactive Class */
.interactive {
    transition: transform var(--transition-fast), opacity var(--transition-fast);
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* The Active State */
.interactive:active {
    transform: scale(0.97) translateZ(0);
}

/* Fade Interactions */
.interactive-fade {
    transition: opacity var(--transition-fast);
}

.interactive-fade:active {
    opacity: 0.6;
}

/* Button Specifics */
.btn-press {
    transition: transform var(--transition-fast);
    transform: translateZ(0);
    backface-visibility: hidden;
}

.btn-press:active {
    transform: scale(0.94) translateZ(0);
}

/* Performance Safety (Accessibility) */
@media (prefers-reduced-motion: reduce) {
    .interactive,
    .interactive:active,
    .interactive-fade,
    .interactive-fade:active,
    .btn-press,
    .btn-press:active {
        transition: none !important;
        transform: none !important;
    }
}