/* ============================================================
   OG GAMİFİCATİON TEMA RENKLERİ
   Gündüz / Gece modu uyumlu CSS değişkenleri
   ============================================================ */

:root {
  /* -- Gündüz modu (varsayılan) -- */
  --og-xp-primary: #534AB7;
  --og-xp-bg: rgba(83, 74, 183, 0.1);
  --og-xp-text: #3C3489;

  --og-streak-primary: #EF9F27;
  --og-streak-bg: rgba(239, 159, 39, 0.12);
  --og-streak-text: #854F0B;

  --og-token-primary: #BA7517;
  --og-token-bg: rgba(186, 117, 23, 0.1);
  --og-token-text: #633806;

  --og-levelup-primary: #7F77DD;
  --og-levelup-glow: rgba(127, 119, 221, 0.5);

  /* Rütbe renkleri */
  --og-rank-caylak: #5F5E5A;
  --og-rank-kasif: #0F6E56;
  --og-rank-uzman: #534AB7;
  --og-rank-usta: #BA7517;
  --og-rank-efsane: #D85A30;

  /* Panel / kart arka planları */
  --og-card-bg: #ffffff;
  --og-card-border: rgba(0, 0, 0, 0.08);
  --og-card-hover: rgba(0, 0, 0, 0.02);
  --og-text-primary: #1a1a1a;
  --og-text-secondary: #555555;
  --og-text-muted: #888888;
  --og-progress-track: #e8e8eb;

  /* Gamification özel arka planlar */
  --og-card-inner-bg: #f2f2f5;
  --og-toast-bg: #1e1e24;
  --og-toast-border: rgba(255, 255, 255, 0.1);
  --og-toast-title-color: #eeeeee;
  --og-toast-sub-color: #888888;
  --og-toast-close-color: #555555;
  --og-toast-close-hover: #aaaaaa;
  --og-toast-shadow: rgba(0, 0, 0, 0.4);

  /* XP Popup */
  --og-xp-popup-bg: rgba(83, 74, 183, 0.95);
  --og-xp-popup-text: #EEEDFE;

  /* XP Glow */
  --og-xp-glow-color: rgba(139, 92, 246, 0.6);

  /* Quest kartları */
  --og-quest-bg: rgba(0, 0, 0, 0.03);
  --og-quest-border: rgba(0, 0, 0, 0.06);
  --og-quest-hover-bg: rgba(0, 0, 0, 0.06);
  --og-quest-title-color: #1a1a1a;
  --og-quest-desc-color: rgba(0, 0, 0, 0.5);
  --og-quest-count-color: rgba(0, 0, 0, 0.3);
  --og-quest-bar-bg: rgba(0, 0, 0, 0.08);
  --og-quest-done-bg: rgba(0, 0, 0, 0.06);
  --og-quest-reward-bg: rgba(0, 0, 0, 0.04);
  --og-quest-reward-border: rgba(0, 0, 0, 0.06);
  --og-quest-reward-text: rgba(0, 0, 0, 0.7);
  --og-quest-xp-color: #b8860b;
  --og-quest-xp-border: rgba(184, 134, 11, 0.2);
  --og-quest-xp-bg: rgba(184, 134, 11, 0.06);
  --og-quest-token-color: #0891b2;
  --og-quest-token-border: rgba(8, 145, 178, 0.2);
  --og-quest-token-bg: rgba(8, 145, 178, 0.06);
  --og-quest-done-check: #4CAF50;
  --og-quest-empty-color: #000;

  /* Profil sayfası */
  --og-profil-name-color: #1a1a1a;
  --og-profil-bio-color: #888888;
  --og-stat-item-bg: #f2f2f5;
  --og-stat-number-color: #1a1a1a;
  --og-stat-label-color: #666666;
  --og-streak-day-bg: #e0e0e4;
  --og-section-title-color: #666666;
  --og-timeline-text-color: #333333;
  --og-timeline-meta-color: #999999;
  --og-timeline-border: rgba(0, 0, 0, 0.04);
  --og-tab-color: #666666;
  --og-tab-active-color: #1a1a1a;
  --og-tab-border: rgba(0, 0, 0, 0.06);
  --og-ach-name-color: #333333;
  --og-ach-desc-color: #999999;
  --og-empty-state-color: #999999;
  --og-load-more-border: rgba(0, 0, 0, 0.08);
  --og-load-more-color: #888888;
  --og-load-more-hover-bg: rgba(0, 0, 0, 0.03);
  --og-load-more-hover-color: #333333;
  --og-game-chip-bg: #f2f2f5;
  --og-game-chip-border: rgba(0, 0, 0, 0.08);
  --og-game-chip-color: #333333;
  --og-avatar-fallback-bg: #e0e0e4;
  --og-avatar-fallback-color: #888888;
  --og-level-badge-border: #ffffff;
}

/* -- Gece modu -- */
[data-theme="dark"] {
  --og-xp-primary: #AFA9EC;
  --og-xp-bg: rgba(175, 169, 236, 0.15);
  --og-xp-text: #CECBF6;

  --og-streak-primary: #EF9F27;
  --og-streak-bg: rgba(239, 159, 39, 0.18);
  --og-streak-text: #FAC775;

  --og-token-primary: #FAC775;
  --og-token-bg: rgba(250, 199, 117, 0.12);
  --og-token-text: #EF9F27;

  --og-levelup-primary: #AFA9EC;
  --og-levelup-glow: rgba(175, 169, 236, 0.6);

  /* Rütbe renkleri */
  --og-rank-caylak: #B4B2A9;
  --og-rank-kasif: #5DCAA5;
  --og-rank-uzman: #AFA9EC;
  --og-rank-usta: #FAC775;
  --og-rank-efsane: #F0997B;

  /* Panel / kart arka planları */
  --og-card-bg: #1e1e24;
  --og-card-border: rgba(255, 255, 255, 0.08);
  --og-card-hover: rgba(255, 255, 255, 0.03);
  --og-text-primary: #eeeeee;
  --og-text-secondary: #aaaaaa;
  --og-text-muted: #666666;
  --og-progress-track: #2a2a32;

  /* Gamification özel arka planlar */
  --og-card-inner-bg: #16161b;
  --og-toast-bg: #1e1e24;
  --og-toast-border: rgba(255, 255, 255, 0.1);
  --og-toast-title-color: #eeeeee;
  --og-toast-sub-color: #888888;
  --og-toast-close-color: #555555;
  --og-toast-close-hover: #aaaaaa;
  --og-toast-shadow: rgba(0, 0, 0, 0.4);

  /* XP Popup */
  --og-xp-popup-bg: rgba(83, 74, 183, 0.95);
  --og-xp-popup-text: #EEEDFE;

  /* XP Glow */
  --og-xp-glow-color: rgba(139, 92, 246, 0.6);

  /* Quest kartları */
  --og-quest-bg: rgba(255, 255, 255, 0.03);
  --og-quest-border: rgba(255, 255, 255, 0.05);
  --og-quest-hover-bg: rgba(255, 255, 255, 0.06);
  --og-quest-title-color: #ffffff;
  --og-quest-desc-color: rgba(255, 255, 255, 0.5);
  --og-quest-count-color: rgba(255, 255, 255, 0.3);
  --og-quest-bar-bg: rgba(0, 0, 0, 0.3);
  --og-quest-done-bg: rgba(0, 0, 0, 0.2);
  --og-quest-reward-bg: rgba(255, 255, 255, 0.05);
  --og-quest-reward-border: rgba(255, 255, 255, 0.05);
  --og-quest-reward-text: rgba(255, 255, 255, 0.8);
  --og-quest-xp-color: #ffd700;
  --og-quest-xp-border: rgba(255, 215, 0, 0.2);
  --og-quest-xp-bg: rgba(255, 215, 0, 0.05);
  --og-quest-token-color: #00f2fe;
  --og-quest-token-border: rgba(0, 242, 254, 0.2);
  --og-quest-token-bg: rgba(0, 242, 254, 0.05);
  --og-quest-done-check: #4CAF50;
  --og-quest-empty-color: var(--og-text-secondary);

  /* Profil sayfası */
  --og-profil-name-color: #eeeeee;
  --og-profil-bio-color: #888888;
  --og-stat-item-bg: #16161b;
  --og-stat-number-color: #eeeeee;
  --og-stat-label-color: #666666;
  --og-streak-day-bg: #2a2a32;
  --og-section-title-color: #aaaaaa;
  --og-timeline-text-color: #cccccc;
  --og-timeline-meta-color: #555555;
  --og-timeline-border: rgba(255, 255, 255, 0.04);
  --og-tab-color: #666666;
  --og-tab-active-color: #eeeeee;
  --og-tab-border: rgba(255, 255, 255, 0.06);
  --og-ach-name-color: #cccccc;
  --og-ach-desc-color: #555555;
  --og-empty-state-color: #555555;
  --og-load-more-border: rgba(255, 255, 255, 0.08);
  --og-load-more-color: #888888;
  --og-load-more-hover-bg: rgba(255, 255, 255, 0.03);
  --og-load-more-hover-color: #cccccc;
  --og-game-chip-bg: #16161b;
  --og-game-chip-border: rgba(255, 255, 255, 0.08);
  --og-game-chip-color: #cccccc;
  --og-avatar-fallback-bg: #2a2a32;
  --og-avatar-fallback-color: #888888;
  --og-level-badge-border: #1e1e24;
}

/* ============================================================
   RÜTBE SINIF RENKLERİ
   ============================================================ */
.rank-caylak {
  background: rgba(95, 94, 90, 0.15);
  color: var(--og-rank-caylak);
  border-color: var(--og-rank-caylak);
}
.rank-kasif {
  background: rgba(15, 110, 86, 0.15);
  color: var(--og-rank-kasif);
  border-color: var(--og-rank-kasif);
}
.rank-uzman {
  background: rgba(83, 74, 183, 0.15);
  color: var(--og-rank-uzman);
  border-color: var(--og-rank-uzman);
}
.rank-usta {
  background: rgba(186, 117, 23, 0.15);
  color: var(--og-rank-usta);
  border-color: var(--og-rank-usta);
}
.rank-efsane {
  background: rgba(216, 90, 48, 0.15);
  color: var(--og-rank-efsane);
  border-color: var(--og-rank-efsane);
}

/* ============================================================
   PROFİL İKONU SEVİYE ATLAMA PARLAMA EFEKTİ
   (Özellik 6 tarafından kullanılacak)
   ============================================================ */
@keyframes og-profile-pulse {
  0%, 100% {
    box-shadow:
      0 0 0 0 var(--og-levelup-glow),
      0 0 0 0 rgba(127, 119, 221, 0.4);
  }
  50% {
    box-shadow:
      0 0 20px 4px var(--og-levelup-glow),
      0 0 40px 8px rgba(127, 119, 221, 0.2);
  }
}

@keyframes og-profile-glow-ring {
  0% { transform: scale(1); opacity: 0.8; }
  100% { transform: scale(1.6); opacity: 0; }
}

.profile-icon-levelup {
  position: relative;
  animation: og-profile-pulse 1.5s ease-in-out 3;
}

.profile-icon-levelup::after {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid var(--og-levelup-primary);
  animation: og-profile-glow-ring 1.5s ease-out infinite;
  pointer-events: none;
}

/* Reduced motion desteği */
@media (prefers-reduced-motion: reduce) {
  .profile-icon-levelup,
  .profile-icon-levelup::after {
    animation: none;
    box-shadow: 0 0 0 2px var(--og-levelup-primary);
  }
}