/* ============================================================================ TOKEN WARNA — SATU-SATUNYA SUMBER NILAI ============================================================================ Isinya HANYA blok :root. Tidak ada satu pun selector lain, dan itu disengaja. KENAPA DIPISAH DARI theme.css theme.css cuma dimuat lewat includes/layout.php. Sementara 54 halaman di aplikasi ini berdiri sendiri dengan masing-masing dan tidak pernah memuatnya. Waktu palet dipindah ke biru, halaman-halaman itu jadi rusak total: seluruh var(--blue-600), var(--ink-700), var(--line) tidak punya nilai, jadi tombolnya putih polos dan kotak pemberitahuannya hilang. Ketahuan waktu saya render halaman Input Pembayaran — bukan dari membaca kode, karena di kode semuanya kelihatan benar. Karena berkas ini isinya cuma variabel, ia AMAN dimuat kapan saja, termasuk paling belakang: variabel CSS dibaca waktu nilai dihitung, bukan waktu berkasnya dibaca. Jadi aturan yang ditulis lebih dulu tetap kebagian. Dimuat lewat includes/aset_css.php, satu pintu yang sama dengan components.css — jadi tidak ada halaman yang bisa terlewat lagi. NILAINYA dari designsystemperumahanbaruv2.html. Kalau berkas desain diperbarui, HANYA berkas ini yang diubah. ============================================================================ */ :root{ /* Penanda versi. Dibaca includes/aset_css.php lewat JavaScript kecil untuk mendeteksi berkas CSS yang basi — entah karena belum ditimpa waktu pasang patch, atau karena browser masih memakai salinan lama. Tanpa penanda ini, CSS basi tidak memberi gejala apa pun selain "kok warnanya masih yang lama"; itu terjadi sekali dan menghabiskan satu putaran bolak-balik. */ --aset-versi:"2026-08-31a"; /* ===== BRAND ===== */ --blue-600:#1E71A3; --blue-700:#185C85; --blue-100:#CBE0EE; --blue-050:#EAF2F8; --orange:#E39739; --orange-700:#C67E22; --orange-050:#FCF0DD; --beige:#E6CFB4; --beige-050:#F7F0E6; --beige-line:#EADFCE; --tan:#C9B08B; /* Navy = biru brand yang digelapkan; dipakai untuk sidebar dan kaca gelap. Diambil dari .glass-dark panduan visual: rgba(19,45,68,.55) -> #132D44. */ --navy:#132D44; --navy-700:#0F2537; --navy-muted:#8FB0C7; --navy-text:#D3E1EC; /* ===== NETRAL ===== */ --ink-900:#1E2733; --ink-700:#3C4756; --ink-500:#6B7688; --ink-300:#A9B0BC; --line:#E7E1D8; --bg:#FAF7F2; --white:#FFFFFF; /* ===== STATUS (semantik — satu warna satu makna, sama di semua modul) ===== Hijau MASIH ADA di sini, dan itu disengaja: di berkas desain hijau tinggal satu tugas, yaitu menandai "lunas / selesai". Yang dihapus adalah hijau sebagai warna tema. Dua hal berbeda. */ --success:#16A34A; --success-bg:#DCFCE7; --success-text:#15803D; --success-line:#BDE8CD; --danger:#DC2626; --danger-bg:#FEE2E2; --warning:#D97706; --warning-bg:#FDEBCC; --indigo:#4F46E5; --indigo-bg:#E7E7FB; /* sebagian */ /* darurat memakai oranye brand (on-brand attention) */ /* ===== CHART — urutan warna wajib: biru, oranye, tan, abu ===== */ --c1:#1E71A3; --c2:#E39739; --c3:#C9B08B; --c4:#6B7688; --c5:#6BA3C6; --r-sm:6px; --r-md:10px; --r-lg:14px; --shadow-sm:0 1px 2px rgba(30,39,51,.06); --shadow-md:0 10px 30px rgba(15,23,42,.08); --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px; }