/* ssoul.io Dark Theme - 모던 다크모드 */
:root {
  --dm-bg: #0a0a12;
  --dm-bg-elevated: #12121f;
  --dm-bg-card: rgba(22, 22, 40, 0.85);
  --dm-bg-card-hover: rgba(35, 35, 60, 0.9);
  --dm-text: #e8eaf6;
  --dm-text-secondary: rgba(232, 234, 246, 0.78);
  --dm-text-muted: rgba(232, 234, 246, 0.55);
  --dm-border: rgba(66, 165, 245, 0.2);
  --dm-border-focus: rgba(66, 165, 245, 0.5);
  --gradient-accent: linear-gradient(135deg, #5eb3ff 0%, #7c8de8 50%, #c77dd8 100%);
  --accent-blue: #5eb3ff;
  --accent-purple: #7c8de8;
  --accent-pink: #c77dd8;
  --dm-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  --dm-shadow-card: 0 8px 32px rgba(0, 0, 0, 0.3);
  /* generate.ejs 및 기타 페이지 호환 */
  --gradient-primary: linear-gradient(135deg, #0a0a12 0%, #12121f 50%, #1a1a2e 100%);
  --glass-bg: rgba(22, 22, 40, 0.85);
  --glass-border: var(--dm-border);
  --accent-cyan: #5eb3ff;
  --text: var(--dm-text);
  --text-muted: var(--dm-text-muted);
  --text-secondary: var(--dm-text-secondary);
  --transition: all 0.3s ease;
}

/* Bootstrap overrides for dark mode */
.list-group-item {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
.list-group-item.text-muted {
  color: var(--dm-text-muted) !important;
}