/* =====================================================
   Dark Mode - 暗色主题
   ===================================================== */

[data-theme="dark"] {
  /* 主色调 */
  --primary: #3B82F6;
  --primary-light: #60A5FA;
  --primary-dark: #1E40AF;
  --primary-gradient: linear-gradient(135deg, #1E40AF, #3B82F6);

  /* 强调色 */
  --accent: #F59E0B;
  --accent-light: #78350F;

  /* 功能色 */
  --success: #34D399;
  --success-bg: #064E3B;
  --warning: #FBBF24;
  --warning-bg: #78350F;
  --danger: #F87171;
  --danger-bg: #7F1D1D;
  --info: #60A5FA;
  --info-bg: #1E3A5F;

  /* 中性色 */
  --text: #F1F5F9;
  --text-light: #94A3B8;
  --text-muted: #64748B;
  --bg: #0F172A;
  --bg-secondary: #1E293B;
  --card: #1E293B;
  --border: #334155;
  --border-light: #1E293B;

  /* 游戏化 */
  --xp-bar: #FBBF24;
  --xp-bar-bg: #78350F;
  --badge-gold: #F59E0B;
  --badge-locked: #475569;

  /* 阴影 */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow: 0 2px 8px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
}

[data-theme="dark"] .heatmap-cell.lvl-1 { background: #064E3B; }
[data-theme="dark"] .heatmap-cell.lvl-2 { background: #10B981; }
[data-theme="dark"] .heatmap-cell.lvl-3 { background: #059669; }
[data-theme="dark"] .heatmap-cell.lvl-4 { background: #047857; }

[data-theme="dark"] .badge-item.earned {
  background: var(--warning-bg);
}

[data-theme="dark"] .leaderboard-rank.gold { background: #F59E0B; color: #1E293B; }
[data-theme="dark"] .leaderboard-rank.silver { background: #94A3B8; color: #1E293B; }
[data-theme="dark"] .leaderboard-rank.bronze { background: #C2410C; color: #F1F5F9; }