html {
  scroll-behavior: smooth;
}

.dark-scrollbar::-webkit-scrollbar {
  width: 8px;            /* width of vertical scrollbar */
  height: 8px;           /* height of horizontal scrollbar */
}

.dark-scrollbar::-webkit-scrollbar-track {
  background: #1f2937;   /* dark zinc background */
  border-radius: 4px;
}

.dark-scrollbar::-webkit-scrollbar-thumb {
  background-color: #4b5563; /* slightly lighter for thumb */
  border-radius: 4px;
  border: 2px solid #1f2937; /* padding around thumb */
}

.dark-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #6b7280; /* highlight on hover */
}

.dark-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #4b5563 #1f2937;
}

/* styles.css */

/* Crisp neutral shadows */
.text-shadow-sm {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}

.text-shadow {
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.35);
}

.text-shadow-md {
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.4);
}

.text-shadow-lg {
  text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
}

.text-shadow-xl {
  text-shadow: 6px 6px 0 rgba(0, 0, 0, 0.55);
}

.text-shadow-none {
  text-shadow: none;
}

/* Crisp color shadows */
.text-shadow-orange {
  text-shadow: 1px 1px 0 #f97316; /* orange-500 */
}

.text-shadow-cyan {
  text-shadow: 1px 1px 0 #06b6d4; /* cyan-500 */
}

.text-shadow-white {
  text-shadow: 1px 1px 0 #FFFFFF; /* cyan-500 */
}