/* Shared soft warm-gold styling for the page and every internal scrollbar. */
* {
  scrollbar-width: thin;
  scrollbar-color: #b7a06a #171717;
}

/* Use the finer custom treatment where scrollbar pseudo-elements are supported. */
@supports selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  *::-webkit-scrollbar-track {
    background: #171717;
  }
  *::-webkit-scrollbar-thumb {
    min-height: 32px;
    min-width: 32px;
    border-radius: 999px;
    background: #b7a06a;
  }
  *::-webkit-scrollbar-thumb:hover {
    background: #c9b279;
  }
  *::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }
  *::-webkit-scrollbar-corner {
    background: #171717;
  }
}

/* Preserve the operating system's high-contrast scrollbar when requested. */
@media (forced-colors: active) {
  * {
    scrollbar-color: auto;
  }
  *::-webkit-scrollbar-track,
  *::-webkit-scrollbar-corner { background: Canvas; }
  *::-webkit-scrollbar-thumb { background: ButtonText; }
}