/* === Dark Theme === */

html.dark {
  --bg-body: #0f172a;
  --bg-card: #1e293b;
  --bg-nav: #1e293b;
  --bg-nav-blur: rgba(30,41,59,0.82);
  --bg-footer: #0f172a;
  --bg-input: #334155;
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --accent: #60a5fa;
  --accent-hover: #93bbfd;
  --accent-light: rgba(96,165,250,0.12);
  --accent-lighter: rgba(96,165,250,0.06);
  /* semantic palette (dark) */
  --success: #34d399;
  --success-bg: rgba(16,185,129,0.1);
  --success-text: #6ee7b7;
  --success-border: rgba(16,185,129,0.2);
  --danger: #f87171;
  --danger-bg: rgba(239,68,68,0.1);
  --danger-text: #fca5a5;
  --danger-border: rgba(239,68,68,0.2);
  --info: #60a5fa;
  --info-bg: rgba(96,165,250,0.1);
  --info-text: #93c5fd;
  --info-border: rgba(96,165,250,0.2);
  --border: #334155;
  --border-light: #1e293b;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.2);
  --shadow: 0 2px 8px rgba(0,0,0,0.3);
  --shadow-hover: 0 4px 16px rgba(0,0,0,0.4);
}

html.dark pre { background: #0b1220; border: 1px solid #334155; box-shadow: none; }
html.dark pre code { color: #dbe4f0; }
html.dark blockquote { background: rgba(96,165,250,0.07); border-left-color: #60a5fa; }
/* Images slightly dimmed in dark mode for comfort */
html.dark .post-body img,
html.dark .article-card img { filter: brightness(0.88); }
/* Reduce heavy shadows in dark mode */
html.dark .card,
html.dark .article-card,
html.dark .post-detail { box-shadow: none; }
/* flash/badge semantic colors now come from the dark palette variables above */
html.dark .login-card .login-header { background: #334155; }
html.dark .like-btn.liked { background: rgba(239,68,68,0.1); }
html.dark tr:hover td { background: rgba(96,165,250,0.06); }

html.dark .video-info-card {
  background: rgba(96,165,250,0.08);
  border-color: rgba(96,165,250,0.2);
  border-left-color: #60a5fa;
}