/* mascafi.net — timpaan warna di atas situs.css (dimuat sesudahnya, hanya untuk merek mascaFi).
   Konsep, tata letak, dan huruf SAMA dengan penanggak.com; yang beda cuma warna dan logo.
   Palet dari logo M (gradien #1E50C3 → #235FCD → #286BD6), lihat catatan landing hotspot mascaFi:
   bidang penuh #235FCD + huruf PUTIH (5,91:1), huruf biru di atas putih #1B4FC4 (7,09:1).
   ‼️ Kebalikan emas Penanggak: emas itu terang (huruf hitam), biru ini tua (huruf putih). Setiap aturan
   situs.css yang menaruh huruf --hitam di atas --emas wajib ditimpa di sini. */
:root {
  --emas: #235fcd;
  --emas-tua: #1e50c3;
  --emas-teks: #1b4fc4;
  --kabel-emas: #286bd6;
  --di-emas: #ffffff;
  --emas-di-gelap: #8fb1f0;  /* biru di atas hitam (7,6:1) */
}

.tbl-emas, .tbl-emas:hover { color: var(--di-emas); }

/* slide pembuka biru */
.slide-emas { color: var(--di-emas); }
.slide-emas .slide-fakta li { background: rgba(255, 255, 255, .16); }
.slide-emas .tbl-hitam { background: var(--putih); border-color: var(--putih); color: var(--hitam); }
.slide-emas .tbl-hitam:hover { background: #e8effc; border-color: #e8effc; color: var(--hitam); }
.slide-emas .lanskap .tanah, .slide-emas .lanskap .tiang, .slide-emas .lanskap .bangunan,
.slide-emas .lanskap .kabel-utama, .slide-emas .lanskap .turun, .slide-emas .lanskap .sinyal { stroke: var(--putih); }
.slide-emas .lanskap .bangunan { fill: rgba(255, 255, 255, .12); }
.slide-emas .lanskap .jendela { fill: var(--putih); }

/* bidang biru kecil: ikon, penanda, nomor */
.baris-layanan a:hover .ikon-bulat, .kartu-produk:hover .ikon-bulat { color: var(--di-emas); }
.kabel .simpul { color: var(--di-emas); }
.langkah-panduan li::before { background: var(--emas); color: var(--di-emas); }
.aturan li::before { background: var(--emas) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 14px no-repeat; }
.panduan-daftar a:hover, .panduan-daftar a:hover span { color: var(--di-emas); }
.sholat li.kini { color: var(--di-emas); }
.klaster { color: var(--di-emas); }
.sorot-agenda .tgl { border-color: var(--emas-di-gelap); color: var(--emas-di-gelap); }

/* kartu paket pertama berbidang biru */
.paket-grid li:first-child, .paket-grid li:first-child .meta, .paket-grid li:first-child small,
.paket-grid li:first-child .paket-utama, .paket-grid li:first-child .paket-harga { color: var(--di-emas); }
.paket-grid li:first-child .tbl-garis { border-color: var(--putih); color: var(--putih); }
.paket-grid li:first-child .tbl-garis:hover { background: var(--putih); color: var(--emas-teks); }

/* logo M lebih lebar dari logo Penanggak */
.merek-besar img { width: 40px; }
.merek-besar small { font-size: .3903em; }  /* tagar selebar "mascaFi", lihat situs.css */
.merek img { width: 32px; }

/* rona muda merek (Penanggak: krem #fff4d6) */
.produk .ikon-bulat { background: #e8effc; }