.playfare {
    font-family: "Playfair", serif;
}

/* Custom Sortable.js ghost styling */
.sortable-ghost {
    opacity: 0.4;
    background: #ff5757 !important;
    border-color: #ff5757 !important;
    border-radius: 0.75rem;
}

/* Styling for the dragged item */
.sortable-drag {
    opacity: 1 !important;
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.15),
        0 10px 10px -5px rgba(0, 0, 0, 0.08);
    transform: scale(1.02) rotate(0.5deg);
    z-index: 9999;
    border-color: #ff5757 !important;
}

/* Chosen class - when item is picked up */
.sortable-chosen {
    cursor: grabbing !important;
}

/* Dark mode support for sortable */
.dark .sortable-ghost {
    background: #ff5757 !important;
}

/* Theme transition - applied temporarily during theme switch */
.theme-transitioning,
.theme-transitioning *,
.theme-transitioning *::before,
.theme-transitioning *::after {
    transition:
        background-color 300ms ease-in-out,
        border-color 300ms ease-in-out,
        color 300ms ease-in-out,
        fill 300ms ease-in-out,
        stroke 300ms ease-in-out,
        box-shadow 300ms ease-in-out !important;
}