/* Tema BATIK (enjin kad), token warna. SATU-SATUNYA fail tema ni yang boleh ada nilai warna (hex/rgb).
   Rujukan th1-s2, latar hitam damask, sampul ungu, garis emas, kertas gading. Teks panel gading atas hitam, teks atas
   kertas (bingkai heksagon, kad blok, nav) guna token *-paper. Senarai token enjin kad dalam docs/TEMA-KAD.md.
   Tiada mod gelap/cerah bertukar (rule wedding), rupa gelap ini rekaan templat. */
:root{
  /* permukaan */
  --bg:#0D0B0E; --bg-2:#141016; --bg-gelap:#3A1747; --bg-luar:#070608; --bk-bg:#2C0F38; --bg-blok:#0D0B0E;
  /* dakwat atas hitam */
  --ink:#F5ECDA; --ink-soft:#DCCFB8; --aksen:#DDBA72; --aksen-deep:#9C7A3C; --on-aksen:#1C1320; --aksen-btn:#DDBA72;
  /* panel ungu tua (Majlis) */
  --ink-gelap:#F7EEDC; --ink-soft-gelap:#E8DCEA; --aksen-gelap:#E7C885; --line-gelap:rgba(231,200,133,.30);
  /* atas kertas gading (bingkai heksagon, kad blok, nav) */
  --ink-paper:#2A1832; --ink-soft-paper:#55425C; --aksen-paper:#6A2C7C; --line-paper:rgba(106,44,124,.18);
  --kad-bg:rgba(248,240,222,.97); --kad-line:rgba(176,140,72,.40); --kad-garis:rgba(176,140,72,.75);
  /* garis + emas */
  --emas:#C9A458; --emas-hi:#F3DDA0; --emas-0:rgba(201,164,88,0);
  --line:rgba(221,186,114,.24); --line-strong:rgba(106,44,124,.32);
  --paper:rgba(250,244,230,.94); --paper-solid:#FBF6EA; --paper-hover:#F1E6CF;
  --mist:rgba(248,240,222,.90); --mist-mid:rgba(248,240,222,.52); --mist-0:rgba(248,240,222,0);
  --glass:rgba(250,244,230,.80); --glass-nav:rgba(250,244,230,.92); --glass-line:rgba(176,140,72,.35);
  --danger:#9B2335; --danger-bg:rgba(255,232,234,.95);
  --qr-dark:#1C1320; --qr-light:#FFFFFF;
  --toast-bg:#F5ECDA; --on-toast:#1C1320;
  /* sampul (bukaan sampul-penuh) */
  --sampul:#4B1D5E; --sampul-dalam:#2A0E36; --sampul-lipat:#56236B; --sampul-bayang:rgba(10,4,14,.55); --sampul-0:rgba(10,4,14,0);
  /* bayang + cahaya */
  --sh-col:0 0 0 1px rgba(221,186,114,.08),0 30px 80px -20px rgba(0,0,0,.70);
  --sh-card:0 1px 2px rgba(0,0,0,.30),0 18px 44px -22px rgba(0,0,0,.70);
  --sh-float:0 1px 2px rgba(0,0,0,.25),0 12px 30px -14px rgba(0,0,0,.60);
  --sh-frame:0 2px 4px rgba(0,0,0,.30),0 26px 50px -24px rgba(0,0,0,.75);
  --sh-env:0 18px 22px rgba(0,0,0,.45);
  --sh-wax:0 4px 6px rgba(20,8,26,.55);
  --glow-emas:rgba(240,210,140,.42); --glow-emas-mid:rgba(240,210,140,.16); --glow-0:rgba(240,210,140,0);
  --wax-ink:#5A3D12; --wax-hi:rgba(255,240,200,.60); --wax-lo:rgba(90,60,20,.45);
  /* 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) + 18svh); /* teks Muka di atas gugusan peony kanan bawah (alamat panjang di 360x740) */
  color-scheme:light;
}