/* Design token Dawis II Jeruk — lihat SPEC.md §8 */

:root {
  /* Warna — tema terang, kontras tinggi (nyaman untuk mata sepuh) */
  --bg:           #F7F5F0;
  --bg-2:         #FFFFFF;
  --bg-3:         #EFEBE2;

  --glass:        rgba(28, 25, 18, 0.045);
  --glass-2:      rgba(28, 25, 18, 0.03);
  --glass-border: rgba(28, 25, 18, 0.16);

  --brand:        #B4530A;
  --brand-2:      #8A3D07;
  --brand-dim:    rgba(180, 83, 10, 0.12);

  --accent:       #157A45;   /* uang masuk */
  --accent-dim:   rgba(21, 122, 69, 0.12);
  --danger:       #B3261E;   /* uang keluar / tunggakan */
  --danger-dim:   rgba(179, 38, 30, 0.12);
  --info:         #1D4ED8;

  --text:         #1B1B18;
  --text-2:       #3A362E;
  --text-dim:     #5C574C;

  /* Bentuk */
  --radius:       18px;
  --radius-sm:    12px;
  --radius-lg:    26px;
  --blur:         16px;
  --shadow:       0 8px 28px rgba(28, 25, 18, 0.10);
  --shadow-lg:    0 20px 52px rgba(28, 25, 18, 0.16);

  /* Tipografi — ukuran besar, jenis huruf jelas untuk pembaca sepuh */
  --font: "Segoe UI", Verdana, Tahoma, Arial, -apple-system, BlinkMacSystemFont,
          Roboto, "Helvetica Neue", sans-serif;
  --mono: "SF Mono", "Cascadia Code", Consolas, "Roboto Mono", monospace;

  --step--1: 1rem;
  --step-0:  1.125rem;
  --step-1:  1.375rem;
  --step-2:  1.875rem;
  --step-3:  2.625rem;
  --step-4:  3.625rem;

  /* Jarak */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;

  /* Gerak */
  --dur-fast: 150ms;
  --dur:      220ms;
  --ease:     cubic-bezier(0.22, 0.61, 0.36, 1);

  /* Tata letak */
  --maxw:     1180px;
  --tap:      44px;   /* area sentuh minimum */
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}