/* Design tokens — sumber: DESIGN.md. Jangan menambah nilai di sini tanpa memperbarui DESIGN.md. */
:root {
  /* Surface */
  --surface-page: #F7F6F2;
  --surface-primary: #FFFFFF;
  --surface-brand: #E0D8CA;
  --surface-inverse: #0C0C3C;

  /* Text */
  --text-primary: #0C0C3C;
  --text-secondary: #525257;
  --text-tertiary: #6B6B70;
  --text-inverse: #FFFFFF;
  --text-brand: #7A5E14;

  /* Border */
  --border-default: #E3DED4;
  --border-strong: #C9C2B4;

  /* Accent (interaktif saja) */
  --accent-primary: #295D36;
  --accent-hover: #1F4829;
  --accent-subtle: #E7EFE9;

  /* Merek (bukan untuk teks di atas putih) */
  --brand-gold: #A98423;

  /* Status */
  --status-success: #2F7D46;
  --status-warning: #B45309;
  --status-error: #B91C1C;
  --status-info: #1D4ED8;

  /* Status sewa */
  --lease-available: #2F7D46;
  --lease-available-text: #FFFFFF;
  --lease-ending: #E8A33A;
  --lease-ending-text: #0C0C3C;
  --lease-long: #64748B;
  --lease-long-text: #FFFFFF;
  --lease-none: #FFFFFF;

  /* Tipografi */
  --font-heading: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;

  --text-display: 2rem;      --lh-display: 1.15;
  --text-h1: 1.5rem;         --lh-h1: 1.25;
  --text-h2: 1.25rem;        --lh-h2: 1.3;
  --text-h3: 1rem;           --lh-h3: 1.4;
  --text-body-lg: 1rem;      --lh-body-lg: 1.55;
  --text-body: 0.875rem;     --lh-body: 1.5;
  --text-caption: 0.75rem;   --lh-caption: 1.4;
  --text-overline: 0.6875rem; --lh-overline: 1.3;

  /* Jarak (basis 4px) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --space-12: 48px;

  /* Bentuk */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-float: 0 4px 16px rgba(12, 12, 60, 0.12);

  /* Kontrol */
  --control-h: 40px;
  --control-h-sm: 32px;
  --hit-min: 44px;
  --topbar-h: 56px;
  --panel-w: 400px;

  /* Gerak */
  --dur-micro: 120ms;
  --dur-standard: 200ms;
}

@media (max-width: 1279px) { :root { --panel-w: 360px; } }

@media (prefers-reduced-motion: reduce) {
  :root { --dur-micro: 0ms; --dur-standard: 0ms; }
}

/* Angka selalu tabular di fon isi */
.num, td.num, .kpi-value { font-family: var(--font-body); font-variant-numeric: tabular-nums; }