/* ZeusKey — site-wide CSS
 *
 * Anything that doesn't compose from Tailwind utility classes lives here.
 * Hoisted out of `templates/base.html` so the browser caches it after the
 * first paint instead of re-parsing the inline <style> on every request.
 *
 * Two things live here today:
 *   1. The two custom keyframes (`fadeIn`, `slideUp`) used by message
 *      toasts and a few entry transitions.
 *   2. The dark-themed scrollbar palette so a long product list feels
 *      on-brand instead of inheriting the OS default chrome.
 */

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

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

/* Dark gaming scrollbar — purple thumb on a dark surface */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #1a1a26;
}
::-webkit-scrollbar-thumb {
  background: #7c3aed;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #9333ea;
}