/* ============================================================
   OptimaGPT docs — custom colour palette
   Primary: violet-500 (#8b5cf6) / violet-700 (#7c3aed)
   Surfaces (dark): zinc-800 (#27272a) / #353538
   Scrollbar: purple-500 (#a855f7)
   ============================================================ */

/* Light mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #8b5cf6;
  --md-primary-fg-color--light: #a78bfa;
  --md-primary-fg-color--dark:  #7c3aed;
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         #7c3aed;
  --md-accent-fg-color--transparent: #7c3aed1a;
}

/* Dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #8b5cf6;
  --md-primary-fg-color--light: #a78bfa;
  --md-primary-fg-color--dark:  #7c3aed;
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         #a78bfa;
  --md-accent-fg-color--transparent: #a78bfa1a;
  --md-default-bg-color:        #27272a;
  --md-default-bg-color--light: #353538;
  --md-default-bg-color--lighter: #353538;
  --md-default-bg-color--lightest: #3f3f46;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

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

::-webkit-scrollbar-thumb {
  background-color: #a855f7;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #8b5cf6;
}