/* css/style.css */

/* --- Smooth Scroll & Font Smoothing --- */
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- Base Body Styles & Transitions --- */
body {
  /* Only light mode styles are needed now */
  @apply bg-gray-100 text-gray-800;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* --- Custom Class for Scrolled Navbar --- */
/* --- Custom Class for Scrolled Navbar --- */
.navbar-scrolled {
  /* On scroll, we just want to apply a stronger shadow. */
  /* The background and blur are already set by default in the HTML. */
  @apply shadow-lg;
}

/* --- Custom Gradient Text (no changes needed here) --- */
.gradient-text {
  @apply bg-gradient-to-r from-blue-500 to-purple-600;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}