/* ============================================================
   ÖZELLİK 5 — OG Oyunlaştırma Tema Renkleri
   wwwroot/css/og-theme.css (MASTER THEME FILE)
   
   Bu dosya diğer tüm og-*.css dosyalarından ÖNCE yüklenmelidir.
   ============================================================ */

:root {
    /* --- GÜNDÜZ MODU (Varsayılan) --- */
    
    /* XP & Level */
    --og-xp-primary: #534AB7;
    --og-xp-bg: rgba(83, 74, 183, 0.1);
    --og-xp-text: #3C3489;
    --og-xp-border: rgba(83, 74, 183, 0.3);
    --og-xp-glow-color: rgba(139, 92, 246, 0.6);
    --og-levelup-primary: #7F77DD;
    --og-levelup-glow: rgba(127, 119, 221, 0.5);

    /* Streak / Ateş */
    --og-streak-primary: #EF9F27;
    --og-streak-bg: rgba(239, 159, 39, 0.12);
    --og-streak-text: #854F0B;
    --og-streak-border: rgba(239, 159, 39, 0.3);
    --og-streak-hot: #E24B4A;
    --og-streak-day-bg: #e0e0e4;

    /* Jeton (Token) */
    --og-token-primary: #BA7517;
    --og-token-bg: rgba(186, 117, 23, 0.1);
    --og-token-text: #633806;
    --og-token-border: rgba(186, 117, 23, 0.2);

    /* Rütbeler (Ranks) */
    --og-rank-caylak: #5F5E5A;
    --og-rank-kasif: #0F6E56;
    --og-rank-uzman: #534AB7;
    --og-rank-usta: #BA7517;
    --og-rank-efsane: #D85A30;

    /* Kartlar & Paneller */
    --og-card-bg: #ffffff;
    --og-page-bg: #ebecef;
    --og-card-inner-bg: #e2e4e8;
    --og-card-border: rgba(0, 0, 0, 0.08);
    --og-card-hover: rgba(0, 0, 0, 0.02);
    --og-stat-item-bg: #f2f2f5;

    /* Metin Renkleri */
    --og-text-primary: #1a1a1a;
    --og-text-secondary: #555555;
    --og-text-muted: #888888;
    --og-section-title-color: #666666;

    /* İlerleme Çubukları */
    --og-progress-track: #e8e8eb;
    --og-progress-fill: var(--og-xp-primary);

    /* Bildirimler & Toast */
    --og-toast-bg: #ffffff;
    --og-toast-border: rgba(0, 0, 0, 0.08);
    --og-toast-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    --og-toast-title-color: #1a1a1a;
    --og-toast-sub-color: #666666;
    --og-xp-popup-bg: rgba(83, 74, 183, 0.95);
    --og-xp-popup-text: #ffffff;

    /* Liderlik Tablosu */
    --og-gold: #EF9F27;
    --og-silver: #B4B2A9;
    --og-bronze: #BA7517;

    /* Görevler (Quests) */
    --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.05);
    --og-quest-title-color: #1a1a1a;
    --og-quest-desc-color: rgba(0, 0, 0, 0.5);
    --og-quest-done-bg: rgba(0, 0, 0, 0.06);
    --og-quest-done-check: #4CAF50;
    --og-quest-bar-bg: #e8e8eb;
    --og-quest-count-color: #555555;
    --og-quest-reward-bg: rgba(0, 0, 0, 0.04);
    --og-quest-reward-text: #1a1a1a;
    --og-quest-reward-border: rgba(0, 0, 0, 0.08);
    --og-quest-xp-bg: rgba(239, 159, 39, 0.08);
    --og-quest-xp-color: #BA7517;
    --og-quest-xp-border: rgba(239, 159, 39, 0.2);
    --og-quest-token-bg: rgba(15, 110, 86, 0.08);
    --og-quest-token-color: #0F6E56;
    --og-quest-token-border: rgba(15, 110, 86, 0.2);
}

/* --- GECE MODU --- */
[data-theme="dark"] {
    /* XP & Level */
    --og-xp-primary: #7F77DD;
    --og-xp-bg: rgba(127, 119, 221, 0.15);
    --og-xp-text: #CECBF6;
    --og-xp-border: rgba(127, 119, 221, 0.4);
    --og-xp-glow-color: rgba(127, 119, 221, 0.6);
    --og-levelup-primary: #7F77DD;
    --og-levelup-glow: rgba(127, 119, 221, 0.6);

    /* Streak / Ateş */
    --og-streak-primary: #EF9F27;
    --og-streak-bg: rgba(239, 159, 39, 0.18);
    --og-streak-text: #FAC775;
    --og-streak-border: rgba(239, 159, 39, 0.4);
    --og-streak-hot: #F09595;
    --og-streak-day-bg: #2a2a32;

    /* Jeton (Token) */
    --og-token-primary: #FAC775;
    --og-token-bg: rgba(250, 199, 117, 0.12);
    --og-token-text: #EF9F27;
    --og-token-border: rgba(250, 199, 117, 0.2);

    /* Rütbeler (Ranks) */
    --og-rank-caylak: #B4B2A9;
    --og-rank-kasif: #5DCAA5;
    --og-rank-uzman: #AFA9EC;
    --og-rank-usta: #FAC775;
    --og-rank-efsane: #F0997B;

    /* Kartlar & Paneller */
    --og-card-bg: #1e1e24;
    --og-page-bg: #0d0d12;
    --og-card-inner-bg: #16161b;
    --og-card-border: rgba(255, 255, 255, 0.08);
    --og-card-hover: rgba(255, 255, 255, 0.03);
    --og-stat-item-bg: #16161b;

    /* Metin Renkleri */
    --og-text-primary: #eeeeee;
    --og-text-secondary: #aaaaaa;
    --og-text-muted: #666666;
    --og-section-title-color: #aaaaaa;

    /* İlerleme Çubukları */
    --og-progress-track: #2a2a32;
    --og-progress-fill: var(--og-xp-primary);

    /* Bildirimler & Toast */
    --og-toast-bg: #1e1e24;
    --og-toast-border: rgba(255, 255, 255, 0.1);
    --og-toast-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    --og-toast-title-color: #eeeeee;
    --og-toast-sub-color: #888888;
    --og-xp-popup-bg: rgba(83, 74, 183, 0.95);
    --og-xp-popup-text: #ffffff;

    /* Liderlik Tablosu */
    --og-gold: #EF9F27;
    --og-silver: #B4B2A9;
    --og-bronze: #FAC775;

    /* Görevler (Quests) */
    --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-done-bg: rgba(0, 0, 0, 0.2);
    --og-quest-done-check: #4CAF50;
    --og-quest-bar-bg: rgba(255, 255, 255, 0.1);
    --og-quest-count-color: #bbbbbb;
    --og-quest-reward-bg: rgba(255, 255, 255, 0.05);
    --og-quest-reward-text: #eeeeee;
    --og-quest-reward-border: rgba(255, 255, 255, 0.1);
    --og-quest-xp-bg: rgba(239, 159, 39, 0.12);
    --og-quest-xp-color: #EF9F27;
    --og-quest-xp-border: rgba(239, 159, 39, 0.3);
    --og-quest-token-bg: rgba(93, 202, 165, 0.12);
    --og-quest-token-color: #5DCAA5;
    --og-quest-token-border: rgba(93, 202, 165, 0.3);
}

/* ============================================================
   SHARED UTILITY CLASSES
   ============================================================ */

.rank-pill {
    padding: 3px 14px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.rank-caylak { background: rgba(95,94,90,0.15); color: var(--og-rank-caylak); border: 1px solid var(--og-rank-caylak); }
.rank-kasif  { background: rgba(15,110,86,0.15); color: var(--og-rank-kasif);  border: 1px solid var(--og-rank-kasif);  }
.rank-uzman  { background: rgba(83,74,183,0.15); color: var(--og-rank-uzman);  border: 1px solid var(--og-rank-uzman);  }
.rank-usta   { background: rgba(186,117,23,0.15); color: var(--og-rank-usta);   border: 1px solid var(--og-rank-usta);   }
.rank-efsane { background: rgba(216,90,48,0.15); color: var(--og-rank-efsane); border: 1px solid var(--og-rank-efsane); }

/* Rank Helpers for Profile */
.rank-border-caylak { border: 2px solid var(--og-rank-caylak); box-shadow: 0 0 15px rgba(95,94,90,0.3); }
.rank-border-kasif  { border: 2px solid var(--og-rank-kasif);  box-shadow: 0 0 15px rgba(15,110,86,0.3); }
.rank-border-uzman  { border: 2px solid var(--og-rank-uzman);  box-shadow: 0 0 15px rgba(83,74,183,0.3); }
.rank-border-usta   { border: 2px solid var(--og-rank-usta);   box-shadow: 0 0 15px rgba(186,117,23,0.3); }
.rank-border-efsane { border: 2px solid var(--og-rank-efsane); box-shadow: 0 0 15px rgba(216,90,48,0.3); }

.rank-level-caylak { background: var(--og-rank-caylak) !important; }
.rank-level-kasif  { background: var(--og-rank-kasif) !important; }
.rank-level-uzman  { background: var(--og-rank-uzman) !important; }
.rank-level-usta   { background: var(--og-rank-usta) !important; }
.rank-level-efsane { background: var(--og-rank-efsane) !important; }

.fill-caylak { background: linear-gradient(90deg, var(--og-rank-caylak), var(--og-text-muted)) !important; }
.fill-kasif  { background: linear-gradient(90deg, var(--og-rank-kasif), var(--og-text-secondary)) !important; }
.fill-uzman  { background: linear-gradient(90deg, var(--og-rank-uzman), var(--og-levelup-primary)) !important; }
.fill-usta   { background: linear-gradient(90deg, var(--og-rank-usta), var(--og-gold)) !important; }
.fill-efsane { background: linear-gradient(90deg, var(--og-rank-efsane), var(--og-streak-hot)) !important; }

/* Trophy Icon */
.kodeks-trophy {
    position: absolute;
    top: 15px; 
    left: 15px; 
    width: 38px; 
    height: 38px; 
    background: var(--og-streak-bg); 
    border: 1px solid var(--og-streak-border); 
    border-radius: 10px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: var(--og-gold); 
    text-decoration: none; 
    transition: all 0.3s; 
    z-index: 10;
}
.kodeks-trophy:hover {
    transform: scale(1.1);
    background: var(--og-streak-border);
}