/* ============================================================
   token.css — token desain sistem
   Acuan: PRD v4.4 Bagian 11.2 s.d. 11.4
   Konsep: "Kop Surat Digital"

   ATURAN: seluruh halaman WAJIB memakai token di berkas ini.
   Tidak boleh ada nilai warna atau ukuran huruf lepas di tempat lain
   (PRD Bagian 12 — Konsistensi visual).
   ============================================================ */
:root{
  /* warna — dari tinta stempel dan konteks kerja setempat */
  --tinta:#0F2E4A;        /* primer: judul, garis kop, tombol utama */
  --tinta-2:#14405F;
  --laut:#1668A8;         /* interaksi: tautan, fokus, aksen */
  --laut-lembut:#E7F0F8;
  --kunyit:#C8811A;       /* perhatian: terjadwal, peringatan */
  --kunyit-lembut:#FDF3E3;
  --hijau:#157F5C;        /* berhasil */
  --hijau-lembut:#E4F3ED;
  --merah:#B3261E;        /* galat, tindakan menghapus */
  --merah-lembut:#FBEAE8;
  --kertas:#F4F6F8;       /* latar — seperti dokumen terpindai */
  --permukaan:#FFFFFF;
  --teks:#14202B;
  --teks-2:#4A5A68;
  --garis:#DBE3EA;
  --garis-kuat:#B9C6D2;

  /* huruf — hanya SATU webfont (judul); sisanya bawaan perangkat.
     Alasan: pelaporan sering dari lapangan berkoneksi lambat (UX-12). */
  --f-judul:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-isi:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-nomor:ui-monospace, "Roboto Mono", "SF Mono", "DejaVu Sans Mono", monospace;

  /* bentuk & ruang */
  --r-kecil:8px; --r:12px; --r-besar:18px;
  --bayang:0 1px 2px rgba(15,46,74,.06), 0 4px 14px rgba(15,46,74,.07);
  --bayang-naik:0 2px 6px rgba(15,46,74,.10), 0 12px 28px rgba(15,46,74,.12);
  --sentuh:44px;          /* target sentuh minimum — UX-04 */
}