/*
  Store-specific overrides. Loaded after built.css, so anything here wins.
  Keep brand colours in the theme settings (Accent / Background / Text) rather
  than hardcoding them here, so the editor stays the single source of truth.
*/

html {
  scrollbar-color: rgba(var(--cl-accent), 0.55) rgb(var(--cl-background));
  scrollbar-width: thin;
}

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

::-webkit-scrollbar-track {
  background: rgb(var(--cl-background));
}

::-webkit-scrollbar-thumb {
  background-color: rgba(var(--cl-accent), 0.55);
  border-radius: 999px;
  border: 3px solid rgb(var(--cl-background));
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--cl-accent));
}