/*
 * ps-tokens.css — SATU-SATUNYA sumber token warna & ukuran ERP Perjuangan Steel (tema Warm Stone v2).
 * Dimuat global oleh application/views/css.php & css_auth.php, SETELAH bootstrap_custom.min.css.
 *
 * Aturan:
 *  - View memakai token SEMANTIC (--ps-*), tidak menulis hex. (Dijaga .githooks/pre-commit.)
 *  - Nama lama (--clr-*, --sl-*) adalah ALIAS ke token baru → view lama tetap jalan.
 *  - Warna kategori (--ps-cat-*) HANYA untuk kategori (jenis item, gudang, jenis dokumen, seri grafik),
 *    bukan untuk aksi atau status.
 *  - Nilai & kontras: docs/superpowers/specs/2026-09-27-project-tema-warm-stone-v2-design.md §4, §4b.
 *  - Nilai warna Bootstrap ($theme-colors) HARUS sama dengan file ini: plugin/scss/_ps-palette.scss.
 */
:root {
	/* ---------- permukaan & teks ---------- */
	--ps-bg:             #f9f7f4;  /* latar halaman (bukan putih murni) */
	--ps-surface:        #f0ece7;  /* kartu / panel / baris filter */
	--ps-surface-plain:  #ffffff;  /* input, badan tabel */
	--ps-text:           #1c1917;  /* 16.4:1 di bg */
	--ps-text-muted:     #57534e;  /* label, info sekunder — 7.1:1 di bg */
	--ps-text-subtle:    #6b645e;  /* hint, ikon Print — 5.4:1 di bg, 4.95:1 di surface */
	--ps-border:         #ccc8c2;  /* kartu / dekorasi saja */
	--ps-divider:        #e8e5e0;  /* garis baris tabel */
	--ps-border-control: #8f8881;  /* border input & tombol outline netral — 3.5:1 di putih */
	--ps-readonly:       #e9ecef;  /* input readonly / hasil generator ID */

	/* ---------- aksi & status ---------- */
	--ps-action:        #1a4fad;   /* satu-satunya biru — putih 7.6:1 */
	--ps-action-hover:  #163f8a;
	--ps-action-soft:   #e7eefb;   /* baris terpilih / info ringan */
	--ps-success:       #15803d;   /* putih 5.0:1 — status sukses, tombol Excel (outline) */
	--ps-success-hover: #166534;
	--ps-warning:       #b45309;   /* putih 5.0:1 — status pending */
	--ps-warning-hover: #92400e;
	--ps-danger:        #dc2626;   /* putih 4.8:1 — hapus/void, tombol PDF (outline) */
	--ps-danger-hover:  #b91c1c;
	--ps-highlight:     #fff7e6;   /* sorotan hasil cari */

	/* status tinted (badge) — latar / teks */
	--ps-success-tint: #dcfce7;  --ps-success-ink: #166534;  /* 6.5:1 */
	--ps-warning-tint: #fef3c7;  --ps-warning-ink: #92400e;  /* 6.4:1 */
	--ps-info-tint:    #dbeafe;  --ps-info-ink:    #1e3a8a;  /* 8.5:1 */
	--ps-danger-tint:  #fee2e2;  --ps-danger-ink:  #991b1b;  /* 6.8:1 */

	/* ---------- chrome & brand ---------- */
	--ps-chrome:       #1e2a3a;  /* navbar, sidebar, header & total tabel — putih 14.5:1 */
	--ps-chrome-2:     #2a3a4f;  /* hover / sub-menu di chrome */
	--ps-chrome-ink:   #cbd5e1;  /* teks menu di chrome — 10:1 */
	--ps-brand:        #c8a84b;  /* emas — penanda menu aktif, garis tipis chrome (6.3:1 di chrome) */
	--ps-brand-navy:   #0c1d33;  /* latar login */

	/* ---------- warna kategori (solid = teks putih, tint = latar/teks) ---------- */
	--ps-cat-teal:   #0f766e;  --ps-cat-teal-tint:   #ccfbf1;  --ps-cat-teal-ink:   #115e59;
	--ps-cat-cyan:   #0e7490;  --ps-cat-cyan-tint:   #cffafe;  --ps-cat-cyan-ink:   #155e75;
	--ps-cat-indigo: #4338ca;  --ps-cat-indigo-tint: #e0e7ff;  --ps-cat-indigo-ink: #3730a3;
	--ps-cat-purple: #7e22ce;  --ps-cat-purple-tint: #f3e8ff;  --ps-cat-purple-ink: #6b21a8;
	--ps-cat-pink:   #be185d;  --ps-cat-pink-tint:   #fce7f3;  --ps-cat-pink-ink:   #9d174d;
	--ps-cat-orange: #c2410c;  --ps-cat-orange-tint: #ffedd5;  --ps-cat-orange-ink: #9a3412;
	--ps-cat-gold:   #8a6d1f;  --ps-cat-gold-tint:   #f7efd6;  --ps-cat-gold-ink:   #6b5416;
	--ps-cat-slate:  #475569;  --ps-cat-slate-tint:  #f1f5f9;  --ps-cat-slate-ink:  #334155;

	/* ---------- tipografi ---------- */
	--ps-font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ps-font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--ps-fs-sm:    14px;  /* minimum untuk teks yang harus dibaca */
	--ps-fs-body:  15px;
	--ps-fs-lg:    16px;
	--ps-fs-h:     18px;  /* heading minimum */
	--ps-fs-title: 22px;  /* judul halaman */
	--ps-fs-xl:    28px;
	--ps-lh:       1.6;

	/* ---------- spacing (skala 4) ---------- */
	--ps-sp-1: 4px;  --ps-sp-2: 8px;  --ps-sp-3: 12px;  --ps-sp-4: 16px;
	--ps-sp-5: 24px; --ps-sp-6: 32px; --ps-sp-7: 48px;

	/* ---------- bentuk ---------- */
	--ps-radius:    6px;
	--ps-radius-sm: 4px;
	--ps-focus:     2px solid var(--ps-action);

	/* ---------- kepadatan: nyaman (default) ---------- */
	--ps-control-h:   48px;  /* input, select, tombol utama */
	--ps-control-h-2: 40px;  /* kontrol sekunder (length/search DataTables) */
	--ps-cell-py:     9px;
	--ps-cell-px:     12px;

	/* ================= ALIAS NAMA LAMA — jangan dipakai di view baru ================= */
	/* Design Color Standard 2026-05-18 (docs/MEMORY.md) */
	--clr-primary:    var(--ps-action);
	--clr-primary-dk: var(--ps-action-hover);
	--clr-success:    var(--ps-success);
	--clr-warning:    var(--ps-warning);
	--clr-warning-dk: var(--ps-warning-hover);
	--clr-danger:     var(--ps-danger);
	--clr-danger-dk:  var(--ps-danger-hover);
	--clr-bg:         var(--ps-bg);
	--clr-surface:    var(--ps-surface);
	--clr-border:     var(--ps-border);
	--clr-border2:    var(--ps-divider);
	--clr-text:       var(--ps-text);
	--clr-muted:      var(--ps-text-muted);
	--clr-subtle:     var(--ps-text-subtle);
	--clr-thead:      var(--ps-chrome);
	--clr-dark:       var(--ps-chrome);
	--clr-sorot:      var(--ps-highlight);
	/* Sales-list (sl-*) */
	--sl-text:      var(--ps-text);
	--sl-muted:     var(--ps-text-muted);
	--sl-subtle:    var(--ps-text-subtle);
	--sl-stone:     var(--ps-surface);
	--sl-border:    var(--ps-border);
	--sl-border2:   var(--ps-divider);
	--sl-blue:      var(--ps-action);
	--sl-blue-soft: var(--ps-action-soft);
	--sl-success:   var(--ps-success);
	--sl-danger:    var(--ps-danger);
}

/* ---------- kepadatan: ringkas (desktop accounting) — <body class="ps-compact"> ---------- */
.ps-compact {
	--ps-control-h:   40px;
	--ps-control-h-2: 34px;
	--ps-cell-py:     6px;
	--ps-cell-px:     8px;
}