/* =========================================================================
   Token desain JDIH LKPP (IDDS) — dipakai bersama oleh halaman detail
   (.jdih-detail) dan halaman daftar (.jdih-list). Satu sumber untuk warna,
   spasi, radius, dan typeface, sehingga kedua halaman tidak pernah berbeda.
   Muat berkas ini SEBELUM regulation-detail.css / document-list.css.
   ========================================================================= */
.jdih-detail,
.jdih-list {
    /* Netral — mendominasi ±60% layar (aturan 60-30-10) */
    --jd-surface:        #FFFFFF;
    --jd-surface-subtle: #F4F6F9;
    --jd-surface-sunken: #EDF1F6;
    --jd-border:         #DCE3EC;
    --jd-border-strong:  #B9C5D4;

    /* Teks — kontras terverifikasi terhadap --jd-surface
       #16202E 14.8:1 · #46586F 7.1:1 · #66748A 4.6:1 (WCAG AA ≥ 4.5:1) */
    --jd-text:           #16202E;
    --jd-text-secondary: #46586F;
    --jd-text-muted:     #66748A;

    /* Warna struktural mengikuti header/footer situs yang sudah ada */
    --jd-navy:           #23313F;

    /* Warna aksi mengikuti identitas JDIH LKPP yang sudah berjalan.
       Merah terang #DD4B39 tetap dipakai untuk tautan teks, tetapi TIDAK untuk
       latar tombol: teks putih di atasnya hanya mencapai 4,09:1 — di bawah
       ambang WCAG AA 4,5:1. Latar tombol memakai #C23321 (warna hover yang
       sudah ada di main.css) yang mencapai 5,49:1. */
    --jd-brand:          #DD4B39;
    --jd-brand-action:   #C23321;
    --jd-brand-hover:    #A32A1B;

    /* Peran sentimen. "Tidak Berlaku" sengaja TIDAK memakai merah:
       itu status faktual/historis, bukan kesalahan. Merah disimpan untuk
       galat dan tindakan destruktif supaya sinyalnya tidak menumpul. */
    --jd-success:        #16704A;
    --jd-success-bg:     #E6F4EC;
    --jd-neutral-state:  #46586F;
    --jd-neutral-bg:     #E9EDF3;

    /* Spasi — hanya token IDDS */
    --jd-4: 4px;  --jd-8: 8px;   --jd-12: 12px; --jd-16: 16px;
    --jd-24: 24px; --jd-32: 32px; --jd-40: 40px; --jd-48: 48px;

    --jd-radius: 6px;
    --jd-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
