/* ============================================================
   Scrollbars — colors driven by --sb-thumb / --sb-track (js/scrollbar.js)
   ============================================================ */

:root {
  --sb-thumb: #122B4F;
  --sb-thumb-hover: #1C3A5F;
  --sb-track: #f0ebe1;
}

html,
body,
* {
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) var(--sb-track);
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  background: var(--sb-track);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background-color: var(--sb-thumb);
  background-clip: padding-box;
  border: 2px solid transparent;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background-color: var(--sb-thumb-hover);
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
*::-webkit-scrollbar-corner {
  background: var(--sb-track);
}

/* Navy nested panels always gold */
.privacy-index {
  scrollbar-color: var(--antique-gold) var(--prussian-deep);
}

.privacy-index::-webkit-scrollbar-track,
.privacy-index::-webkit-scrollbar-corner {
  background: var(--prussian-deep);
}

.privacy-index::-webkit-scrollbar-thumb {
  background-color: var(--antique-gold);
  background-clip: padding-box;
  border: 2px solid transparent;
}

.privacy-index::-webkit-scrollbar-thumb:hover {
  background-color: var(--burnished-gold);
}