/*
  Bata Sumur — token palet persis dari tab "05 Palet" papan mockup (Opsi 1).
  8 token terang + 8 token gelap. Tanpa hue 170–215°. Tanpa slate kebiruan.
  Turunan tambahan: --accent-soft (bg accent lembut), --shadow, --shadow-sm, --radius-*
*/

:root {
  /* ── TERANG ──────────────────────────────────────── */
  --bg:           #F7F3EC;
  --surface:      #FFFDF8;
  --text:         #2B211B;
  --muted:        #7A6A5C;
  --accent:       #B4462B;
  --accent-text:  #FFF8F0;
  --border:       #E2D6C6;
  --signal:       #C9871F;

  /* Turunan (tanpa hue baru) */
  --accent-soft:  #F7EDE8;
  --surface-2:    #F0E9DF;
  --text-on-accent: #FFF8F0;

  /* Shadow (warm dark, bukan netral) */
  --shadow:       0 18px 48px rgba(43, 33, 27, 0.10);
  --shadow-sm:    0 4px 14px rgba(43, 33, 27, 0.07);

  /* Radius */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  18px;
  --r-xl:  26px;
  --r-full: 9999px;

  /* Typography */
  --font-display: Georgia, "Times New Roman", serif;
  --font-body:    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  /* Spacing rhythm (4-point) */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;

  /* Container */
  --container: min(1440px, calc(100% - 48px));
  --container-sm: min(860px, calc(100% - 48px));

  /* Motion */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-micro:   120ms;
  --dur-ui:      220ms;
  --dur-enter:   340ms;
}

[data-theme="dark"] {
  /* ── GELAP ──────────────────────────────────────── */
  --bg:           #1C1613;
  --surface:      #261E19;
  --text:         #F1E8DC;
  --muted:        #A6937F;
  --accent:       #D9633F;
  --accent-text:  #1C0F0A;
  --border:       #3B2E26;
  --signal:       #E0A23A;

  /* Turunan */
  --accent-soft:  #3A2218;
  --surface-2:    #1F1812;
  --text-on-accent: #1C0F0A;

  /* Shadow */
  --shadow:       0 18px 48px rgba(0, 0, 0, 0.32);
  --shadow-sm:    0 4px 14px rgba(0, 0, 0, 0.22);
}