/**
 * dsh-tokens.css: sumber tunggal warna, bentuk, dan kedalaman (DESIGN.md bagian 4 dan 6).
 *
 * Dimuat oleh halaman publik DAN admin, sebelum berkas gaya lain. Komponen baru memakai
 * nama PERAN (--surface-*, --text-*, --accent-*), bukan heks mentah dan bukan nama
 * primitif; hanya berkas ini yang tahu heksnya.
 *
 * Tema: terang saja (DESIGN.md bagian 4.4). Tidak ada token gelap.
 *
 * Kolom "Asal" di DESIGN.md: token berstatus E dipindahkan dari dsh-theme.css tanpa
 * perubahan nilai; token berstatus B baru ditambahkan di sini.
 */

:root {
  color-scheme: light;

  /* ── Primitif: krem (E) ─────────────────────────────────────── */
  --cream-50: #fdfbf7;
  --cream-100: #faf6ee;
  --cream-200: #f5f0e8;
  --cream-300: #ebe2d2;
  --cream-400: #dbcdb4;

  /* ── Primitif: navy (E) ─────────────────────────────────────── */
  --navy-900: #1a2b5e;
  --navy-700: #2d4a8a;
  --navy-500: #3b5ea6;

  /* ── Primitif: coklat goni, aksen (E dan B) ─────────────────── */
  --gold-700: #a87c28;
  --gold-600: #c8973a;
  --gold-500: #e6b84a;
  --gold-800: #8a6420;   /* B: teks goni di atas krem, 5,18:1 */
  --gold-900: #6b5b3a;   /* B: teks pada chip krem-tint, 5,55:1 */

  /* ── Primitif: teks dan garis ───────────────────────────────── */
  --ink: #1e293b;
  --ink-soft: #5b6b8c;
  --ink-faint: #8494b0;
  --ink-muted: #4d5b78;  /* B: teks sekunder, 6,59:1 di atas krem-50 */
  --line: #e7dfd1;
  --line-strong: #d8cab0;
  --line-input: #8c7f66; /* B: batas isian dan kontrol, 3,80:1 */
  --white: #ffffff;

  /* ── Status: hanya untuk keadaan, bukan jenis konten (B) ────── */
  --ok-text: #166534;     --ok-tint: #dcfce7;
  --warn-text: #92400e;   --warn-tint: #fef3c7;
  --danger-text: #991b1b; --danger-tint: #fee2e2;
  --info-text: var(--navy-700);
  --info-tint: #e6ecf7;   /* B: DESIGN.md bagian 4.3 */
  --accent-tint: #f0ebe0; /* B: chip krem-tint, pasangan teks gold-900 (5,55:1) */

  /* ── Peran (DESIGN.md bagian 4.5): yang dipakai komponen ────── */
  --surface-page:   var(--cream-50);
  --surface-panel:  var(--white);
  --surface-sunken: var(--cream-200);
  --text-primary:   var(--ink);
  --text-secondary: var(--ink-muted);
  --text-tertiary:  var(--ink-soft);          /* minimal 12px */
  --action-fill:    var(--navy-900);
  --on-action:      var(--white);
  --accent-fill:    var(--gold-600);
  --on-accent:      var(--navy-900);          /* di atas emas selalu navy: putih hanya 2,64:1 */
  --accent-text:    var(--gold-800);
  --link:           var(--navy-700);
  --border-decor:   var(--line);
  --border-control: var(--line-input);
  --focus-ring:     var(--navy-700);

  /* ── Bayangan dan radius yang sudah dipakai halaman (E) ─────── */
  --shadow-sm: 0 1px 3px rgba(26, 43, 94, .06);
  --shadow-md: 0 6px 18px rgba(26, 43, 94, .09);
  --shadow-lg: 0 16px 40px rgba(26, 43, 94, .14);
  --radius: 14px;

  /* ── Sistem bentuk baru (B): disiapkan, BELUM diterapkan ─────
     DESIGN.md bagian 6. Diterapkan pada langkah migrasi 3, bersama
     penggantian nilai --radius dan --shadow-* di atas. */
  --radius-control: 6px;
  --radius-card:    10px;
  --elev-0: none;
  --elev-1: 0 1px 2px rgb(26 43 94 / .06);
  --elev-2: 0 8px 24px rgb(26 43 94 / .14);
  --elev-3: 0 16px 48px rgb(26 43 94 / .20);
}