/*
Logo: Scale + brighten or Lift
Buttons: Pressable or Lift
Cards/sections (if you add them later): Lift
Nav links: Underline slide-in
*/

.logo-hover {
  transition: transform 0.2s ease-in-out;
  will-change: transform; /* hint for smoother animation */
}

.logo-hover:hover {
  transform: scale(1.12); /* 8% bigger */
}

/* slight scale & shadow */
.hover-grow {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-grow:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* light effect */
.hover-lift {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}

/* subtle brightness */
.hover-brighten {
  transition: filter 0.2s ease;
}

.hover-brighten:hover {
  filter: brightness(1.08) contrast(1.05);
}

/* soft glow */
.hover-glow {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.hover-glow:hover {
  transform: scale(1.03);
  box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.35); /* example: Bootstrap warning color */
}

/* underline slide-in */
.link-underline {
  position: relative;
  text-decoration: none;
}

.link-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.2s ease;
}

.link-underline:hover::after {
  width: 100%;
}

/* gentle tilt */
.hover-tilt {
  transition: transform 0.2s ease;
}

.hover-tilt:hover {
  transform: rotate(-1deg) scale(1.03);
}

/* pressable buttons */
.hover-press {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.hover-press:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.2);
}

.hover-press:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}