/* =====================================================
   Sinaps — Arka Plan Animasyonları
   data-color attribute ile otomatik değişir.
   Router.applyUserColor() tarafından set edilir.
   ===================================================== */

/* Kayış animasyonu — tüm renkler için ortak */
.sinaps-global-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  background-size: 400% 400%;
  animation: sinapsBgShift 15s ease infinite;
  pointer-events: none;
  transition: background 1.2s ease;
}
@keyframes sinapsBgShift {
  0%, 100% { background-position: 0% 50%; }
  50%       { background-position: 100% 50%; }
}

/* ─────────────────────────────────────────
   DARK TEMALAR
───────────────────────────────────────── */
.sinaps-global-bg[data-color="mor"] {
  background: linear-gradient(-45deg, #0a0015, #2d0060, #1a0040, #4a0080, #000000, #3d0070, #0a0015);
}
.sinaps-global-bg[data-color="mavi"] {
  background: linear-gradient(-45deg, #000d1a, #003a6e, #0a1f4a, #001833, #004e92, #000d1a, #002855);
}
.sinaps-global-bg[data-color="yesil"] {
  background: linear-gradient(-45deg, #000a00, #004d1a, #001a00, #006622, #000000, #003d14, #000a00);
}
.sinaps-global-bg[data-color="sari"] {
  background: linear-gradient(-45deg, #0a0800, #3d3000, #1a1400, #524000, #000000, #3d2e00, #0a0800);
}
.sinaps-global-bg[data-color="turuncu"] {
  background: linear-gradient(-45deg, #0a0500, #4a1a00, #2a0f00, #3d2200, #000000, #5c2200, #0a0500);
}
.sinaps-global-bg[data-color="kirmizi"] {
  background: linear-gradient(-45deg, #0a0000, #4a0000, #1a0000, #3d0000, #000000, #520000, #0a0000);
}
.sinaps-global-bg[data-color="ogretmen"] {
  background: linear-gradient(-45deg, #0a0000, #3d0000, #000d1a, #4a0000, #003a6e, #1a0000, #001833);
}
.sinaps-global-bg[data-color="anasayfa"] {
  background: linear-gradient(-45deg, #0a0000, #001833, #3d0000, #003a6e, #000000, #4a0000, #0a1f4a);
}
/* fallback */
.sinaps-global-bg:not([data-color]) {
  background: linear-gradient(-45deg, #000d1a, #003a6e, #0a1f4a, #001833, #004e92, #000d1a, #002855);
}

/* ─────────────────────────────────────────
   LIGHT TEMALAR
───────────────────────────────────────── */
[data-theme="light"] .sinaps-global-bg[data-color="mor"] {
  background: linear-gradient(-45deg, #f0e8ff, #d8b8f8, #e8d0ff, #c0a0f0, #f5f0ff, #ddc0f8, #ece0ff);
}
[data-theme="light"] .sinaps-global-bg[data-color="mavi"] {
  background: linear-gradient(-45deg, #b8d4ed, #ddeeff, #eaf4fb, #c8e0f4, #f0f7ff, #b8d4ed, #d0e8f8);
}
[data-theme="light"] .sinaps-global-bg[data-color="yesil"] {
  background: linear-gradient(-45deg, #e0f5e0, #c0eac0, #f0faf0, #a8dda8, #d0f0d0, #e8f8e8, #b8e8b8);
}
[data-theme="light"] .sinaps-global-bg[data-color="sari"] {
  background: linear-gradient(-45deg, #fffff0, #fff8c0, #fffde8, #faf0a0, #f5f5f5, #fffae0, #f0f0e0);
}
[data-theme="light"] .sinaps-global-bg[data-color="turuncu"] {
  background: linear-gradient(-45deg, #fff8f0, #ffe8c0, #fff3e0, #ffd580, #f5f5f5, #ffebd0, #f0ece0);
}
[data-theme="light"] .sinaps-global-bg[data-color="kirmizi"] {
  background: linear-gradient(-45deg, #fff0f0, #ffd0d0, #fff5f5, #ffb8b8, #f5f5f5, #ffe0e0, #f0e8e8);
}
[data-theme="light"] .sinaps-global-bg[data-color="ogretmen"] {
  background: linear-gradient(-45deg, #fff0f0, #b8d4ed, #ffd0d0, #ddeeff, #f5f5f5, #ffb8b8, #c8e0f4);
}
[data-theme="light"] .sinaps-global-bg[data-color="anasayfa"] {
  background: linear-gradient(-45deg, #fff0f0, #ddeeff, #ffd0d0, #b8d4ed, #f5f5f5, #ffb8b8, #eaf4fb);
}
[data-theme="light"] .sinaps-global-bg:not([data-color]) {
  background: linear-gradient(-45deg, #b8d4ed, #ddeeff, #eaf4fb, #c8e0f4, #f0f7ff, #b8d4ed, #d0e8f8);
}