/* css/style.css */

/*
  This file is for custom CSS rules that extend or override Tailwind CSS.
  Most styling should be done using Tailwind utility classes directly in your HTML.
*/

/* Example: Custom scrollbar styles */
body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Example: Basic button hover effect if not fully handled by Tailwind */
/*
button {
  transition: background-color 0.3s ease;
}
button:hover {
  opacity: 0.9;
}
*/