/* dark-mode.css — override token tema gelap (P8).
 * Dimuat TERAKHIR setelah main.css + page CSS (home/about/governance/pages)
 * agar menang secara cascade. Selector html[data-theme="dark"] (0,1,1)
 * mengalahkan :root (0,1,0) untuk token global.
 *
 * KONFLIK NAMA --pg-red (didokumentasikan, TIDAK mengubah file CSS lain):
 *  - main.css :root        -> --pg-red: #0A6847 (sebenarnya hijau, dipakai back-to-top)
 *  - pages.css :root       -> --pg-red: #C8283E (merah asli)
 * Karena pages.css dimuat setelah main.css, nilai global --pg-red berubah
 * tergantung halaman. Perbaikan ideal (TIDAK diterapkan di sini agar tidak
 * menyentuh file lain): scope-kan --pg-red pages ke body.rpm-pg[...] saja,
 * jangan di :root global. dark-mode.css ini menang atas keduanya karena
 * dimuat terakhir + spesifisitas html[data-theme="dark"], plus blok scoped
 * html[data-theme="dark"] body.rpm-pg[...] di bawah untuk mengalahkan
 * override body.rpm-pg[...] di pages.css.
 */

html[data-theme="dark"] {
  color-scheme: dark;

  /* --- RPM sand/ink/line (gelap elegan) --- */
  --rpm-sand: #0B1526;
  --rpm-sand-2: #101E35;
  --rpm-line: #24344D;
  --rpm-line-2: #334A68;
  --rpm-ink: #E8EDF4;
  --rpm-navy: #D7E1F0;
  --rpm-navy-2: #E8EDF4;
  --rpm-gold: #E9B949;
  --rpm-gold-2: #F5C518;
  --rpm-green: #34B183;
  --rpm-green-2: #4CC196;
  --rpm-muted: #9AA8BE;

  /* --- Template global --- */
  --primary: #34B183;
  --secondary: #E9B949;
  --light: #0B1526;
  --dark: #E8EDF4;

  /* --- Pages (listing/detail) --- */
  --pg-ink: #E8EDF4;
  --pg-card: #101E35;
  --pg-line: #24344D;
  --pg-text: #C2CFE0;
  --pg-muted: #9AA8BE;
  --pg-green: #34B183;
  --pg-green-2: #4CC196;
  --pg-gold: #E9B949;
  --pg-red: #E86070;
  --pg-soft: #0B1526;
  --pg-sand: #101E35;
  --pg-slate: #9AA8BE;
  --pg-info-bg: #0F2340;
  --pg-info-bd: #24344D;
  --pg-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  --pg-shadow-hover: 0 18px 40px rgba(0, 0, 0, 0.55);

  /* --- Back-to-top mengikuti token gelap --- */
  --back-to-top-color: #0B1526;
  --back-to-top-bg: #E9B949;
}

/* Menang atas scope body.rpm-pg:not(...) di pages.css (spesifisitas lebih tinggi
 * karena prefix html[data-theme="dark"], dimuat terakhir). */
html[data-theme="dark"] body.rpm-pg:not(.rpm-pg-home):not(.rpm-pg-dashboardstatspen):not(.rpm-pg-stats):not(.rpm-pg-pdf-viewer) {
  --pg-ink: #E8EDF4;
  --pg-text: #C2CFE0;
  --pg-muted: #9AA8BE;
  --pg-green: #34B183;
  --pg-green-2: #4CC196;
  --pg-gold: #E9B949;
  --pg-red: #E86070;
  --pg-line: #24344D;
  --pg-card: #101E35;
  --pg-soft: #0B1526;
  --pg-sand: #101E35;
  --pg-slate: #9AA8BE;
  --pg-info-bg: #0F2340;
  --pg-info-bd: #24344D;
  --pg-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  --pg-shadow-hover: 0 18px 40px rgba(0, 0, 0, 0.55);
}

/* Dasar: samakan kanvas body dengan token gelap. */
html[data-theme="dark"] body {
  background-color: var(--rpm-sand);
  color: var(--rpm-ink);
}

/* ===== Tambahan dark publik (append-only, scope html[data-theme="dark"]) ===== */
/* Form publik + placeholder */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
  background-color: #13233B !important;
  border-color: rgba(255, 255, 255, .14) !important;
  color: #E8EDF4 !important;
}
html[data-theme="dark"] .form-control::placeholder {
  color: #C6D0DE !important;
  opacity: 1;
}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
  border-color: #E9B949 !important;
  box-shadow: 0 0 0 3px rgba(233, 185, 73, .25) !important;
  background-color: #13233B !important;
  color: #E8EDF4 !important;
}
/* Tabel laporan (reports): th/td/thead.bg-dark */
html[data-theme="dark"] .table {
  color: #E8EDF4 !important;
  border-color: rgba(255, 255, 255, .12) !important;
}
html[data-theme="dark"] .table thead th {
  background-color: #0A2540 !important;
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, .12) !important;
}
html[data-theme="dark"] .table thead.bg-dark {
  background-color: #0A2540 !important;
}
html[data-theme="dark"] .table tbody td {
  background-color: transparent !important;
  color: #C2CFE0 !important;
  border-color: rgba(255, 255, 255, .12) !important;
}
html[data-theme="dark"] .table-hover tbody tr:hover {
  background-color: rgba(233, 185, 73, .12) !important;
  color: #FFFFFF !important;
}
/* WK map body: border-top */
html[data-theme="dark"] .rpm-home .rpm-wk-map-body,
html[data-theme="dark"] .rpm-wk-map-body {
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
}
/* News row: border-bottom */
html[data-theme="dark"] .rpm-home .rpm-news-row,
html[data-theme="dark"] .rpm-news-row,
html[data-theme="dark"] .news-row {
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
}
/* fc-divider span */
html[data-theme="dark"] .fc-divider {
  background: #070D1A !important;
}
html[data-theme="dark"] .fc-divider span {
  background: rgba(255, 255, 255, .12) !important;
}
html[data-theme="dark"] .fc-divider span::after {
  background: #E9B949 !important;
}
/* Shadow tombol/cards tjsl + work_area */
html[data-theme="dark"] .tjsl-page-wrapper .btn,
html[data-theme="dark"] .tjsl-page-wrapper .program-item,
html[data-theme="dark"] .tjsl-page-wrapper .table-wrapper,
html[data-theme="dark"] .info-box .btn,
html[data-theme="dark"] .card .btn {
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35) !important;
}
/* Fokus aksesibel: outline emas 2px */
html[data-theme="dark"] .btn:focus-visible {
  outline: 2px solid #E9B949 !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(233, 185, 73, .25) !important;
}
/* hr.bg-secondary di detail jadi emas */
html[data-theme="dark"] hr.bg-secondary {
  background-color: #E9B949 !important;
  border-color: #E9B949 !important;
  opacity: 1 !important;
}
/* Breadcrumb ::before putih 60% */
html[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, .6) !important;
}
/* Latar-belakang section-title-modern */
html[data-theme="dark"] .latar-belakang-container .section-title-modern,
html[data-theme="dark"] .section-title-modern.text-secondary {
  color: #E9B949 !important;
}
html[data-theme="dark"] .latar-belakang-container .section-title-modern::after {
  background: linear-gradient(90deg, #E9B949, #F5C518) !important;
}
/* Global .text-muted */
html[data-theme="dark"] .text-muted {
  color: #C6D0DE !important;
}
/* Byline penulis ("Oleh ..."): terang di dark, gelap di light (default browser). */
html[data-theme="dark"] .byline strong {
  color: #FFFFFF !important;
}
/* Konten artikel WYSIWYG ikut tema */
html[data-theme="dark"] .article-content {
  color: #C2CFE0 !important;
}
html[data-theme="dark"] .article-content h1,
html[data-theme="dark"] .article-content h2,
html[data-theme="dark"] .article-content h3,
html[data-theme="dark"] .article-content h4,
html[data-theme="dark"] .article-content h5,
html[data-theme="dark"] .article-content h6 {
  color: #E8EDF4 !important;
}
html[data-theme="dark"] .article-content a {
  color: #7AA9D6 !important;
}
html[data-theme="dark"] .article-content blockquote {
  background: #0F1D33 !important;
  border-left: 4px solid #E9B949 !important;
  color: #C2CFE0 !important;
}
html[data-theme="dark"] .article-content pre,
html[data-theme="dark"] .article-content code {
  background: #0B1423 !important;
  color: #E8EDF4 !important;
  border-color: rgba(255, 255, 255, .12) !important;
}
html[data-theme="dark"] .article-content table {
  color: #E8EDF4 !important;
  border-color: rgba(255, 255, 255, .12) !important;
}
html[data-theme="dark"] .article-content table th {
  background: #0A2540 !important;
  color: #FFFFFF !important;
}
html[data-theme="dark"] .article-content table td {
  background: transparent !important;
  border-color: rgba(255, 255, 255, .12) !important;
}
/* Nama & deskripsi Komisaris/Direktur ikut tema gelap */
html[data-theme="dark"] .team-item a:not(.btn),
html[data-theme="dark"] .team-item a:not(.btn) h3,
html[data-theme="dark"] .team-item a:not(.btn) h5,
html[data-theme="dark"] .team-item a:not(.btn) span,
html[data-theme="dark"] .team-item a:not(.btn) p {
  color: #E9ECEF !important;
  text-decoration: none;
}

/* List item di tab container berita/pengumuman ikut tema gelap */
html[data-theme="dark"] .tab-content,
html[data-theme="dark"] .list-group,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .list-group-item-action {
  background-color: #13233B !important;
  color: #E9ECEF !important;
  border-color: rgba(255, 255, 255, .12) !important;
}
html[data-theme="dark"] .list-group-item-action:hover,
html[data-theme="dark"] .list-group-item-action:focus {
  background-color: #1A2E4D !important;
  color: #E9ECEF !important;
}
html[data-theme="dark"] .news-item,
html[data-theme="dark"] .news-item * {
  color: #E9ECEF !important;
}