:root {
  --bg: #0b0f16;
  --panel: #111827;
  --glass: rgba(17,24,39,.65);
  --border: rgba(255,255,255,.08);
  --panel-glass: rgba(17,24,39,.65);

  --text: #e5e7eb;
  --muted: #9ca3af;

  --blue: #3da1f0;
  --blue-hover: #1a7fd1;
  --blue-glow: 0 0 25px rgba(61,161,240,.45);

  --scrollbar-track: #111827;
  --scrollbar-thumb: #3da1f0;
  --scrollbar-thumb-hover: #61b4f5;

  --radius: 16px;
}

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

/* Track = background of the scrollbar */
::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track); /* solid dark */
  border-radius: var(--radius);
}

/* Thumb = the draggable part */
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--radius);
  border: 3px solid var(--scrollbar-track); /* inset effect */
}

/* Hover effect for thumb */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}