/* Custom scrollbar color for Webkit browsers (Chrome, Safari, Edge)
 *
 * Was #ffcb30 on #090f1b — a yellow-on-navy pair that matched neither this
 * theme's original hull/copper palette nor the wip red/near-black system
 * that now covers 39 of the site's 40 pages; it looks like a leftover from
 * a different project entirely. Repointed to wip's own tokens (as hex
 * literals — this loads site-wide, including on pages outside .wip's DOM
 * scope, so the custom properties declared there aren't reachable here).
 */
::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #ff3b30; /* wip red */
  border-radius: 6px; /* Rounded edges for the scrollbar */
}

::-webkit-scrollbar-track {
  background: #0a0c0e; /* wip ground */
  border-radius: 6px; /* Rounded edges for the track */
}

/* Firefox scrollbar customization */
html {
  scrollbar-color: #ff3b30 #0a0c0e; /* Thumb color and track color for Firefox */
  scrollbar-width: thin; /* Set the width of the scrollbar */
}

.no-scrollbar-8080 {
  -ms-overflow-style: none; /* IE dan Edge */
  scrollbar-width: none; /* Firefox */
}
.no-scrollbar-8080::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}