/* Custom bits on top of Tailwind CDN */

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
.dark ::-webkit-scrollbar-thumb { background: #334155; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Inset border so light swatches stay visible on a light background */
.swatch-border { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); }
.dark .swatch-border { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); }

.tab-content { animation: fadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1); }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Hover feedback for nav/filter tabs — :not() keeps the active (indigo) tab
   from washing out to gray when the mouse passes over it. Higher specificity
   than plain Tailwind utility classes so it wins regardless of stylesheet order. */
.nav-btn:not(.bg-indigo-600):hover,
.asset-tab-btn:not(.bg-indigo-600):hover {
  background-color: #e2e8f0;
}
.dark .nav-btn:not(.bg-indigo-600):hover,
.dark .asset-tab-btn:not(.bg-indigo-600):hover {
  background-color: #52525b;
}