@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --primary: #d946ef;
    --primary-dark: #c026d3;
    --secondary: #94a3b8;
    --secondary-dark: #64748b;
}

body {
    font-family: 'Inter', sans-serif;
}

/* Smooth transitions for all interactive elements */
button, a, input, .card {
    transition: all 0.2s ease;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

/* Animation for cards */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.card {
    animation: fadeIn 0.3s ease forwards;
}

/* Kanban board animations */
.task-item {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.task-item-enter {
    opacity: 0;
    transform: translateY(10px);
}

.task-item-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 300ms, transform 300ms;
}

.task-item-exit {
    opacity: 1;
}

.task-item-exit-active {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 300ms, transform 300ms;
}

/* Dark mode overrides */
.dark .kanban-container .column {
    background: #1e293b;
}

.dark .kanban-container .column-header {
    color: #e2e8f0;
}

.dark .task-item {
    background: #334155;
    color: #f8fafc;
}

/* Priority indicators */
.priority-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
}

.priority-high {
    background: #ef4444;
}

.priority-medium {
    background: #f59e0b;
}

.priority-low {
    background: #10b981;
}