/* Custom Scrollbar Styling (Deep Brown & Light Brown) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track - Light Brown (Skin) */
::-webkit-scrollbar-track {
  background: #E5D2C6;
  border-radius: 4px;
}

/* Thumb - Deep Warm Brown (Norwegian) */
::-webkit-scrollbar-thumb {
  background: #936952;
  border-radius: 4px;
  border: 2px solid #E5D2C6;
}

/* Thumb Hover - Dark Brown */
::-webkit-scrollbar-thumb:hover {
  background: #4A3728;
}

/* Firefox Support */
* {
  scrollbar-width: thin;
  scrollbar-color: #936952 #E5D2C6;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Backdrop scrollbar: takes up space but invisible (behind textarea) */
[aria-hidden="true"].custom-scrollbar::-webkit-scrollbar-thumb {
  background: transparent;
}
[aria-hidden="true"].custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}