body { box-sizing: border-box; }

.nav-link{
  @apply text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium transition-colors rounded-lg;
}
.nav-active{
  @apply text-blue-600 bg-blue-50 px-3 py-2 text-sm font-semibold transition-colors rounded-lg;
}
.mobile-link{
  @apply block px-3 py-2 text-gray-700 hover:text-blue-600 hover:bg-blue-50 rounded-lg;
}
.footer-link{
  @apply hover:text-white transition-colors;
}

.pill-btn{
  @apply bg-white text-gray-700 px-6 py-2 rounded-full hover:bg-blue-50 transition-colors shadow-sm;
}
.pill-btn-active{
  @apply bg-blue-600 text-white px-6 py-2 rounded-full hover:bg-blue-700 transition-colors shadow-sm;
}

.soft-card{
  @apply bg-white rounded-2xl shadow-lg border border-gray-100;
}
.soft-card-pad{
  @apply p-8;
}