/*
 * Design Tokens — sumber kebenaran: docs/32_UI_GUIDELINE.md §2 (FINAL, v0.2).
 * Palet hijau institusi Kabupaten Majene. JANGAN hardcode warna/ukuran di luar berkas ini;
 * seluruh layar mengambil nilai dari variabel di sini agar konsisten & mudah diaudit.
 */
:root {
  /* Warna — merek & status */
  --color-primary: #148f53;
  --color-primary-dark: #0f6b3d;
  --color-success: #148f53;
  --color-success-bg: #e4f4ea;
  --color-warning: #e08a0b;
  --color-warning-text: #8a5a00;
  --color-warning-bg: #fcefd3;
  --color-offline-banner-bg: #fffaf0;
  --color-danger: #d23b3b;
  --color-danger-text: #97201f;
  --color-danger-chip-bg: #fbe3e3;
  --color-danger-panel-bg: #fdf4f4;

  /* Netral, garis, teks, permukaan */
  --color-neutral: #6b7280;
  --color-neutral-tertiary: #9aa09a;
  --color-border: #eceee9;
  --color-border-strong: #d7dcd5;
  --color-text: #12160f;
  --color-text-label: #43483f;
  --color-surface: #ffffff;
  --color-surface-dashboard: #f7f8f6;
  --color-surface-canvas: #e9ede8;

  /* Tipografi */
  --font-family: -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;
  --font-body: 16px;      /* body & SEMUA input — 16px cegah zoom otomatis iOS */
  --font-title: 20px;     /* judul layar (rentang 19–22) */
  --font-scan-name: 40px; /* nama besar hasil scan */
  --font-stat: 30px;      /* angka statistik dashboard */

  /* Spacing (basis 8px) & bentuk */
  --space: 8px;
  --radius-input: 10px;
  --radius-card: 14px;
  --radius-chip: 999px;

  /* Target sentuh minimum (aksesibilitas §1) */
  --touch-min: 44px;
}