::-webkit-scrollbar {
    width: 10px;
}

html ::-webkit-scrollbar-track {
  background: #f8fafc;
}
html ::-webkit-scrollbar-thumb {
  background: #cbd5e1;
}

html.dark ::-webkit-scrollbar-track {
    background: #0b0f13;
}

html.dark ::-webkit-scrollbar-thumb {
    background: #334155;
}

.drawer-transition {
    transition: transform .25s cubic-bezier(.2, .8, .2, 1);
}

.nav-link {
    transition: transform .2s ease, opacity .2s ease;
}

.nav-link:hover {
    transform: translateX(4px) scale(1.05);
    opacity: 1;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}
.animate-fadeIn {
  animation: fadeIn 0.3s ease-out;
}