/* Hareket yardımcıları + reduced-motion (docs/05-temalar-ve-animasyon.md §4).
   Yalnızca CSS taşıyan efektler burada; Canvas gerektirenler (petals, confetti,
   bokeh, sequins) kendi assets/js/motion/*.js modüllerinde — henüz yazılmadı. */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---------- Ken Burns (yalnızca hero) ---------- */
.motion-kenburns {
  animation: kenburns 22s ease-in-out infinite alternate;
  will-change: transform;
}
@keyframes kenburns {
  from { transform: scale(1); }
  to { transform: scale(1.08) translate(-1.5%, -1.5%); }
}

/* ---------- Kaydırmada beliren ---------- */
.motion-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .5s ease, transform .5s ease;
}
.motion-reveal.is-in { opacity: 1; transform: none; }

/* ---------- sparkle (T1 varsayılanı) ----------
   12 sabit-konumlu ✦, rastgele gecikme/ölçek (inline style ile, bkz. motion/sparkle.js).
   Katman tıklama olaylarını yutmasın diye pointer-events:none. */
.sparkle-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.sparkle-dot {
  position: absolute;
  color: var(--accent);
  opacity: 0;
  animation: sparkle-twinkle 3.2s ease-in-out infinite;
}
@keyframes sparkle-twinkle {
  0%, 100% { opacity: 0; transform: scale(.6); }
  50% { opacity: .9; transform: scale(1); }
}

/* ---------- bokeh (T4 varsayılanı) ----------
   5-8 yumuşak ışık dairesi, radial-gradient + blur, yavaş translate döngüsü
   (bkz. motion/bokeh.js). Katman hero'nun İÇİNE, arkasına konur (z-index:0). */
.bokeh-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.bokeh-circle {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, var(--accent-soft, #E1EDF0) 0%, transparent 70%);
  filter: blur(20px);
  opacity: .7;
  animation: bokeh-float var(--bokeh-sure, 42s) ease-in-out infinite alternate;
}
@keyframes bokeh-float {
  from { transform: translate(0, 0) scale(1); }
  to { transform: translate(var(--bokeh-dx, 24px), var(--bokeh-dy, -18px)) scale(1.08); }
}