/* Design token — turunan penuh dari ../../../../DESIGN.md dan token yang dipakai konsisten
   di docs/prototype/*.html. Ditulis manual di sini (bukan cuma theme.json) supaya template PHP
   non-block-editor (wizard donasi, halaman live, halaman auth) tetap bisa pakai var(--ilman-*). */
:root {
	/* Warna dasar — kertas & tinta */
	--ilman-ink:            #1c2420;
	--ilman-ink-2:          #263029;
	--ilman-parchment:      #efe5cd;
	--ilman-parchment-dim:  #e3d7b8;

	/* Aksen */
	--ilman-brass:          #ab8636;
	--ilman-brass-bright:   #c9a04f;
	--ilman-oxblood:        #6e2a2a;
	--ilman-oxblood-bright: #8a3a3a;
	--ilman-sage:           #4f6353;
	--ilman-sage-bright:    #65805e;

	/* Container — rona pucat warna induk, khusus tag/badge (DESIGN.md §Colors) */
	--ilman-secondary-container:    #e4d6b5;
	--ilman-on-secondary-container: #6b5420;
	--ilman-tertiary-container:     #d5d0b9;
	--ilman-on-tertiary-container:  #3f5043;

	/* Teks */
	--ilman-text-ink:        #ede3cd;
	--ilman-text-ink-muted:  rgba(237, 227, 205, .62);
	--ilman-text-dark:       #22281f;
	--ilman-text-dark-muted: rgba(34, 40, 31, .62);
	--ilman-on-primary:      #f6e9e9;

	/* Tipografi */
	--ilman-font-heading: 'Fraunces', serif;
	--ilman-font-body:    'Inter', sans-serif;
	--ilman-font-mono:    'IBM Plex Mono', monospace;

	/* Radius — naik mengikuti ukuran elemen */
	--ilman-radius-xs:   5px;
	--ilman-radius-sm:   8px;
	--ilman-radius-md:   9px;
	--ilman-radius-lg:   12px;
	--ilman-radius-xl:   14px;
	--ilman-radius-2xl:  16px;
	--ilman-radius-full: 9999px;
	--ilman-radius: var(--ilman-radius-xl); /* alias dipakai mockup sebagai --radius */

	/* Spacing — kelipatan 2px, sandaran 6/10/16/24/32/56 */
	--ilman-space-xs:  6px;
	--ilman-space-sm:  10px;
	--ilman-space-md:  16px;
	--ilman-space-lg:  24px;
	--ilman-space-xl:  32px;
	--ilman-space-2xl: 56px;

	/* Lebar kontainer per konteks */
	--ilman-maxw:         1120px;
	--ilman-maxw-form:    640px;
	--ilman-maxw-article: 800px;
	--ilman-maxw-profile: 900px;

	/* Alias lama — dipertahankan supaya komponen skeleton (card-kajian dkk.) yang sudah
	   memakai var(--ilman-color-*) sebelumnya tidak rusak. TODO fase 2: migrasi pemakaiannya
	   langsung ke token semantik di atas lalu hapus alias ini. */
	--ilman-color-parchment: var(--ilman-parchment);
	--ilman-color-ink:       var(--ilman-ink);
	--ilman-color-accent:    var(--ilman-brass);
	--ilman-color-muted:     var(--ilman-parchment-dim);
}