@import "tailwindcss";

/* Custom overrides can go here */
[id^="lucide-"] {
  stroke-width: 2;
}

/* Centralized Classes */
.site-logo {
  height: 5.5rem;
  width: auto;
  position: relative;
  z-index: 60;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px) {
  .site-logo {
    height: 7.5rem;
  }
}

@media (min-width: 1024px) {
  .site-logo {
    height: 9rem;
  }
}

.site-logo:hover {
  transform: scale(1.05);
}

.nav-link {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  transition: color 0.15s;
  color: #d6d3d1;
}

.nav-link:hover {
  color: #ffffff;
}

/* Scroll Behaviour offsets */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}