/* ─────────────────── 라이트 테마 ─────────────────── */
:root.light-theme {
  --bg-primary: #f8f9fc;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-hover: #f1f3f8;
  --bg-card-hover: #f1f3f8;
  --border-hover: #cbd5e1;
  --text-primary: #1a1a2e;
  --text-secondary: #4a5568;
  --text-muted: #718096;
  --border: #e2e8f0;
  --shadow: 0 2px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
}
:root.light-theme body {
  background: #f8f9fc;
}
:root.light-theme .sidebar {
  background: #ffffff;
  border-right: 1px solid #e2e8f0;
}
:root.light-theme .top-header {
  background: rgba(248,249,252,0.95);
  border-bottom: 1px solid #e2e8f0;
}
:root.light-theme .card {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
:root.light-theme .nav-item {
  color: #4a5568;
}
:root.light-theme .nav-item:hover,
:root.light-theme .nav-item.active {
  background: linear-gradient(135deg, rgba(139,92,246,0.1), rgba(236,72,153,0.05));
  color: #8b5cf6;
}
:root.light-theme .stat-card {
  background: #ffffff;
  border-color: #e2e8f0;
}
:root.light-theme .particles { opacity: 0.03; }

/* ─── 테마 전환 전용: 모든 transition 즉시 차단 ─── */
/* toggleTheme() 에서 .no-transition 을 1 프레임만 추가/제거하여 버벅임 제거 */
.no-transition *,
.no-transition *::before,
.no-transition *::after {
  transition: none !important;
  animation-duration: 0s !important;
}