/* ===============================
   Global Image Zoom – Smooth
   =============================== */
body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.4s ease, color 0.4s ease;
}

img {
  max-width: 100%;
  height: auto;
  display: block;

  /* Ultra-smooth transition */
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

img:hover {
  transform: scale(1.08);
}

/* Optional: Disable zoom */
.no-zoom,
.no-zoom:hover {
  transform: none !important;
}

/* Optional: Parent wrapper to prevent overflow */
.img-container {
  overflow: hidden;
}