/* ==========================================================
   dimosTV Design System
   DS1 — Motion
========================================================== */

.dtv-transition {
    transition:
        background var(--dtv-motion-normal),
        color var(--dtv-motion-normal),
        transform var(--dtv-motion-normal),
        box-shadow var(--dtv-motion-normal),
        opacity var(--dtv-motion-normal);
}

.dtv-hover-lift {
    transition:
        transform var(--dtv-motion-normal),
        box-shadow var(--dtv-motion-normal);
}

.dtv-hover-lift:hover,
.dtv-hover-lift:focus-visible {
    transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
    .dtv-transition,
    .dtv-hover-lift {
        transition: none;
    }

    .dtv-hover-lift:hover,
    .dtv-hover-lift:focus-visible {
        transform: none;
    }
}