/* ═══ macOS-style scrollbars (global) ═══ */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(239, 229, 206, 0.35) transparent;
}

*,
*::before,
*::after {
  scrollbar-width: thin;
  scrollbar-color: rgba(239, 229, 206, 0.35) transparent;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(239, 229, 206, 0.3);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
  min-height: 32px;
  min-width: 32px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(239, 229, 206, 0.5);
}

::-webkit-scrollbar-thumb:active {
  background-color: rgba(239, 229, 206, 0.62);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/* Hide Windows-style arrow buttons */
::-webkit-scrollbar-button,
::-webkit-scrollbar-button:single-button,
::-webkit-scrollbar-button:horizontal:decrement,
::-webkit-scrollbar-button:horizontal:increment,
::-webkit-scrollbar-button:vertical:decrement,
::-webkit-scrollbar-button:vertical:increment,
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
  width: 0;
  height: 0;
}

/* Light surfaces — darker thumb for contrast */
.section-white,
.section-light-gray,
.paper,
.bg-white,
.white-bg {
  scrollbar-color: rgba(31, 43, 34, 0.28) transparent;
}
.section-white::-webkit-scrollbar-thumb,
.section-light-gray::-webkit-scrollbar-thumb,
.paper::-webkit-scrollbar-thumb,
.bg-white::-webkit-scrollbar-thumb,
.white-bg::-webkit-scrollbar-thumb {
  background-color: rgba(31, 43, 34, 0.22);
}
.section-white::-webkit-scrollbar-thumb:hover,
.section-light-gray::-webkit-scrollbar-thumb:hover,
.paper::-webkit-scrollbar-thumb:hover,
.bg-white::-webkit-scrollbar-thumb:hover,
.white-bg::-webkit-scrollbar-thumb:hover {
  background-color: rgba(31, 43, 34, 0.38);
}