/* Scrollbar genel ayar - webkit tabanlı tarayıcılar için */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Scrollbar track (arka plan) */
::-webkit-scrollbar-track {
  background: var(--scrollbar-track-bg, #f0f0f0);
  border-radius: 10px;
  transition: background-color 0.3s ease, border 0.3s ease;
}

/* Scrollbar thumb (kaydırıcı) */
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-bg, #888);
  border-radius: 10px;
  border: 2px solid var(--scrollbar-track-bg, #f0f0f0);
  transition: background-color 0.3s ease, border 0.3s ease;
}

/* Scrollbar hover efekti */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover-bg, #555);
  transition: background-color 0.3s ease, border 0.3s ease;
}

/* --- Dark tema için değişkenler --- */
body.dark-theme {
  --scrollbar-track-bg: #2a2a2a;
  --scrollbar-thumb-bg: #555;
  --scrollbar-thumb-hover-bg: #888;
}

/* --- Light tema için değişkenler --- */
body:not(.dark-theme) {
  --scrollbar-track-bg: #f0f0f0;
  --scrollbar-thumb-bg: #888;
  --scrollbar-thumb-hover-bg: #555;
}