/* ============================================================
   DESIGN TOKENS — semua warna, font, spasi didefinisikan di sini.
   ============================================================ */
:root {
  /* Warna dasar — tema putih-coklat-krem
     (nama variabel lama dipertahankan agar tidak menyentuh file lain:
      --emerald* kini berisi coklat, --sage berisi krem-taupe) */
  --emerald: #5c4433;
  --emerald-dark: #3e2e23;
  --emerald-light: #7a5c42;
  --ivory: #fbf8f2;
  --ivory-soft: #f3ece1;
  --gold: #b98a44;
  --gold-light: #dcbe8a;
  --gold-soft: rgba(185, 138, 68, 0.35);
  --sage: #d6c3ac;

  /* Ilustrasi */
  --skin: #e8c39e;
  --champagne: #eadfc8;
  --champagne-dark: #d9c9a8;

  /* Semantik */
  --bg: var(--ivory);
  --bg-alt: var(--ivory-soft);
  --bg-deep: var(--emerald);
  --text: #3a322b;
  --text-muted: #7c7266;
  --text-on-deep: var(--ivory);
  --card-bg: #fffdf8;
  --card-border: rgba(185, 138, 68, 0.28);
  --shadow: 0 10px 30px rgba(92, 68, 51, 0.1);

  /* Tipografi */
  --font-serif: "Cormorant Garamond", "Times New Roman", serif;
  --font-arabic: "Amiri", serif;
  --font-sans: "Jost", system-ui, sans-serif;

  --fs-hero: clamp(2.1rem, 8vw, 3.6rem);
  --fs-title: clamp(1.7rem, 6vw, 2.4rem);
  --fs-name: clamp(1.4rem, 5vw, 1.9rem);
  --fs-body: 1rem;
  --fs-small: 0.85rem;

  /* Spasi & layout */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 3rem;
  --space-5: 5rem;
  --section-max: 640px;
  --radius: 16px;
  --radius-lg: 24px;

  /* Animasi */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-reveal: 0.9s;
  --dur-draw: 1.6s;

  /* Navigasi bawah */
  --nav-height: 64px;
}