/* Tailwind-friendly custom styles (minimal, non-conflicting) */

/* Smooth Scroll */
html { scroll-behavior: smooth; }

/* Subtle hover utilities (use as optional helpers) */
.hover-lift { transition: transform .2s ease, box-shadow .2s ease; }
.hover-lift:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.12); }

.hover-zoom img { transition: transform .25s ease; }
.hover-zoom:hover img { transform: scale(1.06); }

/* Logo visibility helpers */
.logo-image { height: 28px; width: auto; display: block; }
/* If your logo is dark on light backgrounds, add class="logo-image logo-image-invert" to auto-invert in dark mode */
html.dark .logo-image-invert { filter: invert(1) brightness(1.1) contrast(1.05); }

/* Reduce default image max-height constraints from old Bootstrap utilities */
img { max-width: 100%; height: auto; }

/* Tweak focus ring for keyboard users if needed */
:focus-visible { outline: 2px solid rgba(16,185,129,.6); outline-offset: 2px; }