/* TaskFlow — small layer of custom styles on top of Tailwind (loaded via CDN).
   Most styling is utility-class based; this file holds a few cross-cutting bits. */

:root {
    color-scheme: light dark;
}

/* Smooth, subtle scrollbars for the Kanban columns. */
.tf-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.tf-scroll::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.35);
    border-radius: 9999px;
}
.tf-scroll::-webkit-scrollbar-track {
    background: transparent;
}

/* SortableJS drag states for Kanban cards. */
.tf-ghost {
    opacity: 0.4;
}
.tf-drag {
    transform: rotate(2deg);
    box-shadow: 0 12px 24px -8px rgba(15, 23, 42, 0.35);
}

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
    * {
        transition-duration: 0.001ms !important;
        animation-duration: 0.001ms !important;
    }
}