@layer utilities {
  .bg-gray-750 { background-color: #2d3748; }
}

/* custom scrollbars */
* { scrollbar-width: thin; scrollbar-color: #4a5568 #1a202c; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: #1a202c; }
*::-webkit-scrollbar-thumb { background-color: #4a5568; border-radius: 4px; }
*::-webkit-scrollbar-thumb:hover { background-color: #718096; }

/* ensure main layout doesn't scroll vertically, only internal panes do */
html, body, .h-screen { height: 100%; }