/* styles.css */
/* Add any custom CSS overrides here. Tailwind CDN handles most of the styling. */

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Custom scrollbar for better aesthetics */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
	background: #d97706; /* amber-600 */
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: #b45309; /* amber-700 */
}