/* ═══════════════════════════════════════════
   dark.css — Dark Mode Overrides
   Loaded last to override style.css
═══════════════════════════════════════════ */

/* All dark mode styles are handled via CSS variables in style.css.
   This file adds any additional overrides needed. */

html.dark .prog-c { background: var(--bgcard); }
html.dark .ber-main { background: var(--bgcard); }
html.dark .ber-sm { background: var(--bgcard); }
html.dark .ag-item { background: var(--bgcard); }
html.dark .tutor-c { background: var(--bgcard); }
html.dark .pres-c  { background: var(--bgcard); }
html.dark .faq-item { background: var(--bgcard); }
html.dark .peng-wrap { background: var(--bgcard); }
html.dark .mitra-c { background: var(--bgcard); }

html.dark .daftar-wrap {
  background: linear-gradient(135deg, #030d1a, #0a1628);
}
html.dark .daftar-form {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.08);
}

html.dark .page-hero {
  background: linear-gradient(135deg, #030d1a, #0a1f38, #0a1628);
}

html.dark .statbar {
  background: linear-gradient(90deg, #030d1a, #0a1f38, #0d1e35);
}

html.dark footer {
  background: #020912;
}
html.dark .ft-a { color: rgba(255,255,255,.25); }
html.dark .ft-a:hover { color: #60a5fa; }
html.dark .ft-nm { color: #e8f0f9; }
html.dark .ft-ci { color: rgba(255,255,255,.25); }
html.dark .ft-cp, html.dark .ft-dev { color: rgba(255,255,255,.2); }

html.dark .topbar { background: #020912; }

html.dark .sam-q { background: rgba(29,93,181,.15); }
html.dark .sam-badge-card { background: var(--gold); color: var(--navy3); }

html.dark .qnav { background: var(--navbg); }
html.dark .ticker { background: linear-gradient(90deg, #030d1a, #0a1f38); }

html.dark .btn-primary { box-shadow: 0 4px 14px rgba(29,93,181,.2); }
html.dark .card-base:hover { box-shadow: 0 12px 40px rgba(29,93,181,.08); }

/* Scrollbar */
html.dark ::-webkit-scrollbar { width: 8px; }
html.dark ::-webkit-scrollbar-track { background: #0a1628; }
html.dark ::-webkit-scrollbar-thumb { background: #1a3a5c; border-radius: 4px; }
html.dark ::-webkit-scrollbar-thumb:hover { background: #1d5db5; }

/* Selection */
html.dark ::selection { background: rgba(29,93,181,.4); color: #fff; }
::selection { background: rgba(29,93,181,.2); color: var(--navy); }