/* الوضع الليلي - يعمل مع كل الثيمات */
html.dark {
  --bg: #0f1320;
  --surface: #181d2c;
  --text: #e6e9f2;
  --muted: #98a0b6;
  --border: #2a3145;
  --bubble: #1f2537;
  --primary-soft: rgba(120, 140, 255, .14);
  --header-bg: #181d2c;
  --header-text: #e6e9f2;
  --header-border: #2a3145;
  --header-btn: rgba(255,255,255,.07);
  --header-btn-hover: rgba(255,255,255,.14);
  color-scheme: dark;
}
html.dark .alert-error { background: #3a1a1f; color: #ffb4bb; border-color: #5c2a31; }
html.dark .alert-ok { background: #143323; color: #a6e9c0; border-color: #1f4a33; }
html.dark .msg-mod { background: #3a2c12; color: #ffd38a; }
html.dark .msg:hover { background: rgba(255,255,255,.03); }
html.dark .toast { background: #2a3145; }
html.dark .seo-preview .t { color: #8ab4f8; }
html.dark .tag-ok { background: #143323; color: #a6e9c0; }
html.dark .tag-bad { background: #3a1a1f; color: #ffb4bb; }
html.dark .daily-card .btn { background: #fff; }
html.dark img.flag { box-shadow: 0 0 0 1px rgba(255,255,255,.15); }
html.dark .ed-area, html.dark .input { background: #12172a; }