:root {
    --background-dark: #111827; --background-light: #f9fafb; --border-color: #e5e7eb;
    --accent-color: #7c3aed; --accent-color-hover: #6d28d9;
}
body { font-family: 'Inter', sans-serif; background-color: #f8fafc; }
#sidebar {
  scrollbar-width: thin;
  scrollbar-color: rgb(255 255 255 / 35%) transparent;
}

/* WebKit (Chrome, Edge, Safari) */
#sidebar::-webkit-scrollbar {
  width: 8px;
}
#sidebar::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px 0; /* üst/alt boşluk */
}
#sidebar::-webkit-scrollbar-thumb {
  background: rgb(255 255 255 / 35%);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}
#sidebar::-webkit-scrollbar-thumb:hover {
  background: rgb(255 255 255 / 50%);
  background-clip: content-box;
}

.sidebar { background-color: var(--background-dark); }
.sidebar-link { transition: all 0.2s ease; border-left: 3px solid transparent; }
.sidebar-link:hover { background-color: #374151;}
.sidebar-link.active { background-color: #4f46e5; color: white; font-weight: 600;}