/* Magnetic Hover Effects — Default cursor with interactive element reactions
   ============================================================================ */

/* Restore default cursor everywhere */
body { cursor: auto; }

/* Elements that respond to magnetic hover */
.mag-hover {
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform;
}

.mag-hover:hover {
    z-index: 1;
}

/* Buttons get a subtle lift + glow on hover */
.mag-btn {
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
                box-shadow 0.3s ease;
}

.mag-btn:hover {
    box-shadow: 0 4px 20px rgba(99, 102, 241, 0.15);
}

/* Cards get a tilt perspective effect */
.mag-card {
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),
                box-shadow 0.4s ease;
}

.mag-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

/* Touch devices — disable magnetic effects */
@media (hover: none) {
    .mag-hover, .mag-btn, .mag-card {
        transform: none !important;
    }
}

/* Reduced motion — disable magnetic effects */
@media (prefers-reduced-motion: reduce) {
    .mag-hover, .mag-btn, .mag-card {
        transition: none !important;
        transform: none !important;
    }
}