/* Design tokens — ubah warna/brand di sini saja.
   Tone mengikuti logo jerapah: madu (utama), cokelat jerapah (teks & aksen gelap),
   plus pastel kartu nama: sage, blush, langit. */
:root {
  /* Brand palette */
  --honey: #E09A2D;        /* warna logo */
  --honey-light: #F6C365;  /* blob hero, aksen terang */
  --cocoa: #6B4A35;        /* cokelat jerapah: menu, footer, band */
  --cocoa-dark: #533827;
  --orange: #E8863A;       /* tombol utama */
  --orange-dark: #CC6B1F;
  --sage: #7FB49A;
  --sage-dark: #5E9A7E;
  --blush: #E8918E;
  --sky: #8EC5E6;
  --shopee: #ee4d2d;
  --shopee-dark: #d73f20;
  --whatsapp: #25d366;

  /* Surfaces & text */
  --cream: #FFF8EE;
  --surface: #ffffff;
  --soft: #FBF1E4;
  --ink: #3E2E24;
  --muted: #7D6B5D;
  --line: #F0E3D0;

  /* Type */
  --font-body: "Nunito", system-ui, sans-serif;
  --font-head: "Baloo 2", "Nunito", system-ui, sans-serif;
  --font-script: "Caveat", cursive;

  /* Shape & rhythm */
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --shadow: 0 14px 36px -18px rgba(62, 46, 36, .35);
  --container: 1180px;
  --gutter: 20px;
}