/* hover.css — micro-interactions & modern hover states */

/* Link hover */
a:hover {
  text-decoration: none;
  color: var(--brand-600);
}

/* Button hover */
button, .hero-cta, .hero-cta-secondary, .cta-button {
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
button:hover,
.hero-cta:hover,
.hero-cta-secondary:hover,
.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0,0,0,.15);
}

/* Card hover */
.card {
  transition: transform .2s ease, box-shadow .2s ease;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(0,0,0,.12);
}

/* Social link hover */
.social-link {
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
.social-link:hover {
  transform: rotate(6deg) scale(1.1);
  background: var(--brand-100);
  color: var(--brand-700);
}

/* Nav link hover underline animation */
.nav-link {
  position: relative;
  transition: color .2s ease;
}
.nav-link::after {
  content: "";
  position: absolute;
  left: 0; bottom: -2px;
  width: 100%; height: 2px;
  background: var(--brand-600);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .25s ease;
}
.nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}