/* Tema JALAN (enjin kad), token warna. SATU-SATUNYA fail tema ni yang boleh ada nilai warna (hex/rgb).
   Rujukan th1-s1, langit biru + teres pergola tasik. Dakwat biru laut tua di atas langit, aksen hijau daun (nama skrip
   rujukan), teks putih atas jalan bukaan (token *-gelap). Senarai token enjin kad dalam docs/TEMA-KAD.md. Cerah sahaja. */
:root{
  /* permukaan */
  --bg:#F3F7F9; --bg-2:#E9F1F5; --bg-gelap:#4E5458; --bg-luar:#E4EDF2; --bk-bg:#5B6065; --bg-blok:#F3F7F9;
  /* dakwat */
  --ink:#1E2F45; --ink-soft:#3B4D63; --aksen:#2C6A3E; --aksen-deep:#205230; --on-aksen:#FFFFFF; --aksen-btn:#2C6A3E;
  /* teks atas jalan (bukaan) */
  --ink-gelap:#FFFFFF; --ink-soft-gelap:rgba(255,255,255,.88); --aksen-gelap:#F6EBCB; --line-gelap:rgba(255,255,255,.26);
  --jl-bayang:rgba(12,16,20,.62); --jl-teduh:rgba(22,26,30,.5); --jl-teduh-0:rgba(22,26,30,0);
  /* atas kertas kad (blok interaktif, nav) */
  --ink-paper:#1E2F45; --ink-soft-paper:#3B4D63; --aksen-paper:#2C6A3E; --line-paper:rgba(30,47,69,.14);
  --kad-bg:rgba(255,255,255,.95); --kad-line:rgba(30,47,69,.12); --kad-garis:rgba(194,161,90,.55);
  /* garis + emas */
  --emas:#C2A15A; --emas-0:rgba(194,161,90,0);
  --line:rgba(30,47,69,.16); --line-strong:rgba(30,47,69,.30);
  --paper:rgba(255,255,255,.86); --paper-solid:#FFFFFF; --paper-hover:#EEF4F7;
  --mist:rgba(248,251,252,.82); --mist-mid:rgba(248,251,252,.5); --mist-0:rgba(248,251,252,0);
  --glass:rgba(250,252,253,.74); --glass-nav:rgba(250,252,253,.86); --glass-line:rgba(30,47,69,.16);
  --danger:#A3262F; --danger-bg:rgba(255,234,234,.92);
  --qr-dark:#14202F; --qr-light:#FFFFFF;
  --toast-bg:#1E2F45; --on-toast:#FFFFFF;
  /* bayang + cahaya */
  --sh-col:0 0 0 1px rgba(30,47,69,.05),0 30px 80px -20px rgba(30,47,69,.32);
  --sh-card:0 1px 2px rgba(30,47,69,.06),0 18px 44px -22px rgba(30,47,69,.30);
  --sh-float:0 1px 2px rgba(30,47,69,.08),0 12px 30px -14px rgba(30,47,69,.30);
  --sh-frame:0 2px 4px rgba(30,47,69,.08),0 26px 50px -24px rgba(30,47,69,.38);
  --sh-env:0 18px 22px rgba(20,24,28,.28);
  --sh-wax:0 4px 5px rgba(20,40,30,.30);
  --glow-emas:rgba(255,236,190,.55); --glow-emas-mid:rgba(255,242,214,.24); --glow-0:rgba(255,242,214,0);
  --wax-ink:#2C6A3E; --wax-hi:rgba(220,255,226,.55); --wax-lo:rgba(16,50,28,.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;
  color-scheme:light;
}