/* warna-sisma.css — warna primary SISMA di atas Vuexy 3. Dimuat PALING AKHIR di kerangka v3. (R0.7.12)
 *
 * Vuexy 3 memakai ungu #7367f0. Warna primary SISMA sejak dulu BIRU DONGKER #00266D dengan keadaan
 * tekan/hover #023594 — nilainya diambil dari tema lama (assets/css/style.css: .btn-primary, .bg-primary,
 * .alert-primary; #00266D muncul 47 kali di situ). Pemilik: "warna primary tetap sama seperti sebelumnya".
 *
 * Menyetel --bs-primary saja TIDAK cukup: core.css Vuexy menuliskan #7367f0 langsung ke variabel tombol
 * (--bs-btn-bg dan kawan-kawan) di .btn-primary dan .btn-outline-primary, ke --bs-progress-bar-bg, dan ke
 * :root maupun [data-bs-theme=dark]. Seluruh enam aturan itu ditimpa di sini — daftarnya dicek dengan
 * memindai core.css, bukan diterka. Komponen lain (badge, bg-label-*, teks, tautan, menu aktif) memakai
 * var(--bs-primary) atau rgba(var(--bs-primary-rgb)) sehingga ikut sendiri.
 *
 * Tint gelap/terang dihitung dari #00266D: bg-subtle 12 %, border-subtle 30 % di atas putih. */

:root,
[data-bs-theme="light"] {
  --bs-purple: #00266d;
  --bs-primary: #00266d;
  --bs-primary-rgb: 0, 38, 109;
  --bs-primary-text-emphasis: #001a4a;
  --bs-primary-bg-subtle: #e0e5ee;
  --bs-primary-border-subtle: #b2bed3;
  --bs-link-color: #00266d;
  --bs-link-color-rgb: 0, 38, 109;
  --bs-link-hover-color: #023594;
  --bs-link-hover-color-rgb: 2, 53, 148;
  --sisma-brand-start: #00266d;
  --sisma-brand-end: #023594;
}

[data-bs-theme="dark"] {
  --bs-purple: #00266d;
  --bs-primary: #00266d;
  --bs-primary-rgb: 0, 38, 109;
  --bs-primary-text-emphasis: #93a9d8;
  --bs-primary-bg-subtle: #0a1b3a;
  --bs-primary-border-subtle: #16305c;
  --bs-link-color: #93a9d8;
  --bs-link-hover-color: #b7c7e8;
}

.btn-primary {
  --bs-btn-bg: #00266d;
  --bs-btn-border-color: #00266d;
  --bs-btn-hover-bg: #023594;
  --bs-btn-hover-border-color: #023594;
  --bs-btn-focus-shadow-rgb: 0, 38, 109;
  --bs-btn-active-bg: #023594;
  --bs-btn-active-border-color: #023594;
  --bs-btn-disabled-bg: #00266d;
  --bs-btn-disabled-border-color: #00266d;
}

/* Tombol garis tepi: saat disorot/ditekan/terpilih (`.btn-check:checked`) latarnya biru dongker penuh — maka
   teksnya harus PUTIH. core.css Vuexy 3 menyetel --bs-btn-hover-color dan --bs-btn-active-color ke
   var(--bs-primary) karena di sana latar aktifnya hanya tint 8 %; R0.7.12 menimpa latarnya jadi #00266d tanpa
   menimpa warna teksnya, sehingga teks tombol garis tepi yang disorot atau terpilih tak terlihat (biru di atas
   biru) — ketahuan di tombol Kelompok halaman Notifikasi (R0.7.74). */
.btn-outline-primary {
  --bs-btn-color: #00266d;
  --bs-btn-border-color: #00266d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00266d;
  --bs-btn-hover-border-color: #00266d;
  --bs-btn-focus-shadow-rgb: 0, 38, 109;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00266d;
  --bs-btn-active-border-color: #00266d;
  --bs-btn-disabled-color: #00266d;
  --bs-btn-disabled-border-color: #00266d;
}

.progress,
.progress-stacked {
  --bs-progress-bar-bg: #00266d;
}

/* Varian gelap ApexCharts di core.css juga menuliskan primary-nya sendiri. */
.apexcharts-canvas {
  --bs-primary: #00266d;
}