/* ========== تم روشن ========== */
body.light-theme {
  --bg: #f5f5f5;
  --panel: #ffffff;
  --panel2: #f9f9f9;
  --text: #333333;
  --muted: #666666;
  --primary: #007bff;
  --bubble: #e9ecef;
  --bubbleMe: #d1ecf1;
  --border: rgba(0, 0, 0, 0.1);
  --shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

/* ========== تم تاریک (پیش‌فرض) ========== */
body.dark-theme {
  --bg: #0e1621;
  --panel: #17212b;
  --panel2: #1f2c3a;
  --text: #e6eef6;
  --muted: #9fb0c0;
  --primary: #2ea6ff;
  --bubble: #223040;
  --bubbleMe: #2b5278;
  --border: rgba(255,255,255,.07);
  --shadow: 0 10px 28px rgba(0,0,0,.38);
}

/* ========== پیش‌نمایش تم روشن ========== */
body.preview-light-theme {
  --bg: #f5f5f5 !important;
  --panel: #ffffff !important;
  --panel2: #f9f9f9 !important;
  --text: #333333 !important;
  --muted: #666666 !important;
  --primary: #007bff !important;
  --bubble: #e9ecef !important;
  --bubbleMe: #d1ecf1 !important;
  --border: rgba(0, 0, 0, 0.1) !important;
  --shadow: 0 10px 28px rgba(0, 0, 0, 0.08) !important;
}