/* SISTOK — ATURAN TAMPILAN BAKU (satu sumber untuk semua halaman)
   Berlaku: HP & tablet (< 1180px) = ukuran ringkas | Desktop (>= 1180px) = ukuran lebih besar.
   Dilarang menulis font-size/font-family langsung di halaman: pakai token di bawah.
   Rincian: lihat UI_STANDAR.md. Cek otomatis: php tools/cek_ui.php */
:root{
  /* huruf */
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --fs-cap:10px;    /* badge, label kapital, keterangan terkecil */
  --fs-sm:11.5px;   /* teks pendukung, hint, sub-baris */
  --fs-md:12.5px;   /* tombol, tabel, teks sekunder */
  --fs-body:13px;   /* isi, input, select, teks utama */
  --fs-lg:14.5px;   /* judul bagian, judul modal, angka penting */
  --fs-h1:14px;     /* judul halaman di header */
  --fs-xl:24px;     /* angka ringkasan besar */
  /* bentuk */
  --r-sm:8px; --r-md:10px; --r-card:12px; --r-modal:18px; --r-pill:20px;
  --pad-ctl:10px;   /* padding input & tombol */
  --garis-ctl:1.5px;
  /* warna */
  --hutan:#14432f; --daun:#1f6b47; --daun-muda:#2e8b5f; --lumut:#e7f1ea;
  --kayu:#b98a4b; --tinta:#1c2a22; --abu:#68796f; --garis:#dbe7e0;
  --latar:#f2f6f3; --putih:#fff; --merah:#b23a48; --kuning:#e9a23b;
}
@media(min-width:1180px){
  :root{
    --fs-cap:11px; --fs-sm:12px; --fs-md:13px; --fs-body:14px; --fs-lg:15.5px; --fs-h1:16px; --fs-xl:26px;
    --pad-ctl:10px;
  }
}