/* ============================================================
   IMI JATIM — Mode gelap (port pola amanahofficial.com dark.css)
   Aktif bila <html data-tema-aktif="gelap"> (skrip kecil di <head> layout,
   pilihan disimpan di localStorage imi_theme: terang | gelap | sistem).
   ============================================================ */
:root[data-tema-aktif="gelap"] {
  color-scheme: dark;
  --brand: #8E8BF0;
  --brand-dark: #0D0C2A;
  --brand-50: #1D1C3A;
  --brand-100: #2E2C5C;
  --brand-grad: linear-gradient(180deg, #1D1B57 0%, #0D0C2A 100%);
  --accent: #F2D900;
  --accent-ink: #161543;
  --ink: #E9E9F5;
  --ink-2: #C3C3D8;
  --muted: #8E8EA8;
  --line: #2A2A40;
  --bg: #0E0E1A;
  --surface: #171726;
  --price: #A9A6FF;
  --success: #3CC4AD;
  --danger: #FF6B6B;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .5);
  --shadow-2: 0 6px 18px rgba(0, 0, 0, .55);
  --shadow-3: 0 12px 32px rgba(0, 0, 0, .65);
}
:root[data-tema-aktif="gelap"] body { background: var(--bg); color: var(--ink); }
:root[data-tema-aktif="gelap"] img { color-scheme: light; }
:root[data-tema-aktif="gelap"] .sh-account .avatar,
:root[data-tema-aktif="gelap"] .me-avatar { background: rgba(255, 255, 255, .12); }
:root[data-tema-aktif="gelap"] .bottom-nav { box-shadow: 0 -2px 10px rgba(0, 0, 0, .4); }
:root[data-tema-aktif="gelap"] .site-footer { background: #0A0A18; }
:root[data-tema-aktif="gelap"] .btn2-primary { background: #3D3AA6; }
:root[data-tema-aktif="gelap"] .btn2-primary:hover { background: #4B48C2; }
:root[data-tema-aktif="gelap"] .ev-date { background: #3D3AA6; }
:root[data-tema-aktif="gelap"] .svc-ic { background: #3D3AA6; }

/* Warna status & pesan */
:root[data-tema-aktif="gelap"] .st-warning, :root[data-tema-aktif="gelap"] .note-warn { background: #3A2E0A; color: #FFD27A; }
:root[data-tema-aktif="gelap"] .st-info, :root[data-tema-aktif="gelap"] .note-info, :root[data-tema-aktif="gelap"] .flash-info { background: #0F2A44; color: #9CCBFF; border-color: #1C3D60; }
:root[data-tema-aktif="gelap"] .st-error, :root[data-tema-aktif="gelap"] .note-err, :root[data-tema-aktif="gelap"] .up-note { background: #3A1518; color: #FF9C9C; }
:root[data-tema-aktif="gelap"] .st-success, :root[data-tema-aktif="gelap"] .note-ok, :root[data-tema-aktif="gelap"] .chip-g { background: #0E3029; color: #7FE0CC; }
:root[data-tema-aktif="gelap"] .chip-y, :root[data-tema-aktif="gelap"] .cal .e.y { background: #3A3405; color: #F7E46B; }
:root[data-tema-aktif="gelap"] .flash-ok { background: #0E3029; color: #7FE0CC; border-color: #155245; }
:root[data-tema-aktif="gelap"] .flash-err { background: #3A1518; color: #FF9C9C; border-color: #5A2328; }
:root[data-tema-aktif="gelap"] .kr-check span { border-color: #4A4A66; }