/* BrainVault Custom Styles */

/* Dark theme overrides */
body {
    background-color: #111827; /* gray-900 */
    color: #f3f4f6; /* gray-100 */
}

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

::-webkit-scrollbar-track {
    background: #1f2937; /* gray-800 */
}

::-webkit-scrollbar-thumb {
    background: #4b5563; /* gray-600 */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6b7280; /* gray-500 */
}

/* Task checkbox styling */
.task-checkbox {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #6b7280;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.task-checkbox:checked {
    background-color: #8b5cf6; /* purple-500 */
    border-color: #8b5cf6;
}

.task-checkbox:checked::after {
    content: '✓';
    position: absolute;
    color: white;
    font-size: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Completed task strikethrough */
.task-completed {
    text-decoration: line-through;
    color: #6b7280; /* gray-500 */
}

/* Priority badges */
.priority-urgent { background-color: #ef4444; } /* red-500 */
.priority-high { background-color: #f59e0b; } /* amber-500 */
.priority-medium { background-color: #3b82f6; } /* blue-500 */
.priority-low { background-color: #10b981; } /* green-500 */

/* Card hover effects */
.card-hover {
    transition: all 0.2s ease;
}

.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}