/* ════════════════════════════════════════════════════════════
   BRAND.CSS — token warna BilhomNet + override tema FlexBiz
   1) Variabel lama (--blue, --border, dst) dipertahankan karena
      dipakai oleh <style> inline di dalam modal cek tagihan /
      pembayaran (index.php) — supaya modal itu tetap berfungsi
      dan tampil konsisten tanpa perlu diubah sama sekali.
   2) Variabel FlexBiz (--accent-color, --nav-hover-color, dst)
      di-override ke warna biru BilhomNet supaya seluruh komponen
      template (tombol, link, hover) otomatis memakai brand kita.
   ════════════════════════════════════════════════════════════ */

:root {
  /* --- token asli BilhomNet (dipakai modal) --- */
  --blue:        #1d4ed8;
  --blue-dark:   #1240b8;
  --blue-deep:   #0e2a6b;
  --blue-light:  #eaf0ff;
  --signal-dark: #15803d;
  --border:      #e2e8f0;
  --border-deep: #cbd5e1;
  --paper:       #f8faff;
  --ink:         #0f172a;
  --text:        #1e293b;
  --text-soft:   #64748b;
  --text-faint:  #94a3b8;
  --shadow:      0 10px 30px rgba(15, 23, 42, .08);

  /* --- override tema FlexBiz agar pakai biru BilhomNet --- */
  --accent-color: var(--blue);
  --heading-color: var(--blue-deep);
  --nav-color: #1e293b;
  --nav-hover-color: var(--blue);
  --nav-dropdown-hover-color: var(--blue);
  --bs-primary: var(--blue);
  --bs-primary-rgb: 29, 78, 216;
}

/* Bootstrap .btn-primary generik (dipakai tombol quick-modal & modal bayar)
   ikut memakai biru brand supaya konsisten dengan sisa halaman. */
.btn-primary {
  --bs-btn-bg: var(--blue);
  --bs-btn-border-color: var(--blue);
  --bs-btn-hover-bg: var(--blue-dark);
  --bs-btn-hover-border-color: var(--blue-dark);
  --bs-btn-active-bg: var(--blue-dark);
  --bs-btn-active-border-color: var(--blue-dark);
}

/* Logo BilhomNet di header/footer FlexBiz — file logo sudah di-crop rapat
   (assets/images/logo-header.png) jadi aman diperbesar tanpa jadi kosong. */
.header .logo img { max-height: 46px; width: auto; }
.footer-brand .logo img { max-height: 42px; width: auto; }