/* Token platform undangan (landing, wizard, urus, bayar, undang-undang). SATU-SATUNYA fail UI yang boleh ada nilai warna.
   Palet dari site/public/css/tokens.css (gading, dakwat hangat, emas lembut, sage). Cerah sahaja, tiada mod gelap, tiada
   toggle (rule wedding Adam 1 Okt 2026). Kontras atas --bg: ink 14.3, ink-soft 6.6, gold-text 5.9, sage-text 6.0, danger 6.4.
   --gold untuk garis dan ikon sahaja, bukan teks. */
:root{
  /* permukaan + dakwat */
  --bg:#FBF7F1; --paper:#FFFDF9; --tint:#F4ECE0; --tint-2:#EFE4D4;
  --ink:#2B2420; --ink-soft:#62574D; --ink-mute:#7D7064; --on-ink:#FFFDF9;
  --line:#E6DBCB; --line-strong:#D5C6B1;
  /* aksen */
  --gold:#B39160; --gold-text:#7A5A2C; --gold-soft:#EADBC2; --gold-wash:#F6EEE1;
  --blush-soft:#F7E9E4;
  --sage-text:#56634D; --sage-soft:#E9EDE3;
  --danger:#A3322A; --danger-soft:#F8E6E2; --on-danger:#FFFFFF;
  /* lapisan */
  --scrim:rgba(43,36,32,.62);
  --glass:rgba(251,247,241,.92);
  --hilang:rgba(251,247,241,0);
  /* bayang */
  --sh-photo:0 1px 2px rgba(43,36,32,.06),0 14px 34px -16px rgba(43,36,32,.22);
  --sh-float:0 1px 2px rgba(43,36,32,.08),0 14px 32px -12px rgba(43,36,32,.32);
  --sh-phone:0 0 0 1px rgba(43,36,32,.08),0 40px 80px -30px rgba(43,36,32,.45);
  --sh-bar:0 -1px 0 rgba(43,36,32,.08),0 -10px 24px -18px rgba(43,36,32,.3);
  /* QR sentiasa gelap atas putih */
  --qr-dark:#1F1A17; --qr-light:#FFFFFF;
  /* toast */
  --toast-bg:#2B2420; --on-toast:#FFFDF9;

  /* bentuk */
  --r:6px; --r-sm:4px; --r-lg:14px; --r-pill:999px;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-soft:cubic-bezier(.22,.61,.36,1);
  /* tipografi */
  --f-display:"Cormorant Garamond","Cormorant Fallback",Georgia,"Times New Roman",serif;
  --f-text:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-script:"Pinyon Script","Cormorant Garamond",cursive;
  --f-arab:"Amiri","Geeza Pro","Traditional Arabic",serif;
  /* susun atur */
  --gutter:20px; --maxw:1180px; --formw:640px; --bar-h:64px; --tap:52px;
  --sec-y:clamp(4.5rem,11vw,7.5rem);
  color-scheme:light;
}
@media (min-width:720px){:root{--gutter:32px}}