/* Tema KL (enjin kad), token warna. SATU-SATUNYA fail tema ni yang boleh ada nilai warna (hex/rgb).
   Ukiran toile marun aset Adam (art/baru/kl/src): langit biru pucat, Menara Berkembar + Menara KL, palma dan bunga raya.
   Dakwat marun gelap atas langit (kontras >= 4.5 diukur atas piksel langit sebenar), aksen marun, emas tembaga dari
   bangunan, krim untuk kad blok. Latar cover sementara gambar dimuat = biru langit comp. Senarai token enjin kad dalam
   docs/TEMA-KAD.md. Cerah sahaja, tiada mod gelap (rule wedding). */
:root{
  /* permukaan */
  --bg:#F8F1E6; --bg-2:#F3E9DA; --bg-gelap:#4A1418; --bg-luar:#EFE4D3; --bk-bg:#B8D4EE; --bg-blok:#F8F1E6;
  /* dakwat */
  --ink:#3A1014; --ink-soft:#4E1D1A; --aksen:#5C171C; --aksen-deep:#44100F; --on-aksen:#FFF8EE; --aksen-btn:#5C171C;
  /* panel gelap (tak dipakai kl, wajib wujud) */
  --ink-gelap:#FFF8EE; --ink-soft-gelap:#F3E2D6; --aksen-gelap:#F2CFAE; --line-gelap:rgba(255,248,238,.22);
  /* atas kertas kad (blok interaktif, nav) */
  --ink-paper:#3A1014; --ink-soft-paper:#4E1D1A; --aksen-paper:#5C171C; --line-paper:rgba(92,23,28,.15);
  --kad-bg:rgba(255,251,245,.95); --kad-line:rgba(92,23,28,.13); --kad-garis:rgba(176,116,63,.5);
  /* garis + emas tembaga */
  --emas:#B0743F; --emas-0:rgba(176,116,63,0);
  --line:rgba(92,23,28,.16); --line-strong:rgba(92,23,28,.3);
  --paper:rgba(255,251,245,.88); --paper-solid:#FFFBF5; --paper-hover:#F7EDE1;
  /* kabus langit (belakang teks panel), putih kebiruan supaya langit kekal langit */
  --mist:rgba(244,248,252,.72); --mist-mid:rgba(244,248,252,.4); --mist-0:rgba(244,248,252,0);
  --glass:rgba(252,248,242,.78); --glass-nav:rgba(252,249,244,.88); --glass-line:rgba(92,23,28,.18);
  --danger:#9A2430; --danger-bg:rgba(255,233,232,.92);
  --qr-dark:#2A0C0F; --qr-light:#FFFFFF;
  --toast-bg:#3A1014; --on-toast:#FFF8EE;
  /* bayang + cahaya */
  --sh-col:0 0 0 1px rgba(58,16,20,.05),0 30px 80px -20px rgba(58,16,20,.32);
  --sh-card:0 1px 2px rgba(58,16,20,.06),0 18px 44px -22px rgba(58,16,20,.3);
  --sh-float:0 1px 2px rgba(58,16,20,.06),0 12px 30px -14px rgba(58,16,20,.26);
  --sh-frame:0 2px 4px rgba(58,16,20,.08),0 26px 50px -24px rgba(58,16,20,.38);
  --sh-env:0 18px 22px rgba(58,16,20,.2);
  --sh-wax:0 4px 5px rgba(70,18,22,.3);
  --glow-emas:rgba(246,222,190,.55); --glow-emas-mid:rgba(248,232,210,.24); --glow-0:rgba(248,232,210,0);
  --wax-ink:#7A1F2A; --wax-hi:rgba(255,224,210,.6); --wax-lo:rgba(80,18,24,.42);
  /* bentuk + gerak */
  --r:16px; --r-sm:9px; --r-pill:999px;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-soft:cubic-bezier(.22,.61,.36,1);
  --ease-inout:cubic-bezier(.45,.05,.55,.95);
  /* 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;
  --f-jawi:"Aref Ruqaa Jawi","Amiri","Geeza Pro",serif;
  /* susun atur */
  --col:480px; --gutter:26px; --nav-h:64px;
  --muka-pb:calc(var(--nav-h) + 24svh);
  color-scheme:light;
}