:root {
    --scrollbar-bg: #f3f4f6;
    --scrollbar-thumb: #e5e7eb;
}

.dark {
    --scrollbar-bg: #0f172a;
    --scrollbar-thumb: #1e293b;
}

body {
    font-family: "dana VF", sans-serif;
}


/* To fix column height and make it scrollable */
.column {
    height: calc(100vh - 60px); /* Subtract navbar height */
    overflow-y: auto;
}

/* Simple fade-in animation */
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: var(--scrollbar-bg);
}

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