/* Tema ZAITUN (enjin kad), token warna. SATU-SATUNYA fail tema ni yang boleh ada nilai warna (hex/rgb).
   Rujukan sampul-tutup.png (aset Adam): sampul hijau zaitun dengan peony timbul tona sama, tepi kepak emas, kertas gading.
   Teks panel krim + emas atas zaitun gelap, teks atas kertas (bingkai heksagon, kad blok, nav, kad yang naik dari sampul)
   guna token *-paper. Senarai token enjin kad dalam docs/TEMA-KAD.md. Cerah sahaja (rule wedding), rupa gelap ini rekaan
   templat. Token ukuran kepak/poket (nombor, bukan warna) ditulis tools/aset_zaitun.py antara penanda ukur. */
:root{
  /* permukaan */
  --bg:#3F4312; --bg-2:#363A0F; --bg-gelap:#23270B; --bg-luar:#16180A; --bk-bg:#2B2F0D; --bg-blok:#2B2F0D;
  /* dakwat atas zaitun */
  --ink:#F6EEDA; --ink-soft:#E6DCC2; --aksen:#EDD291; --aksen-deep:#A8873F; --on-aksen:#23250B; --aksen-btn:#E6C77E;
  /* panel zaitun tua (Majlis, Ayat) */
  --ink-gelap:#F7F0DE; --ink-soft-gelap:#E8DFC6; --aksen-gelap:#E9CB84; --line-gelap:rgba(233,203,132,.30);
  /* atas kertas gading (bingkai heksagon, kad blok, nav, kad dalam sampul) */
  --ink-paper:#262A0E; --ink-soft-paper:#4D5128; --aksen-paper:#6E5C1C; --line-paper:rgba(110,92,28,.20);
  --kad-bg:rgba(249,244,229,.97); --kad-line:rgba(176,146,72,.40); --kad-garis:rgba(176,146,72,.75);
  /* garis + emas */
  --emas:#C9A458; --emas-hi:#F3DDA0; --emas-0:rgba(201,164,88,0);
  --line:rgba(230,199,126,.26); --line-strong:rgba(80,86,30,.34);
  --paper:rgba(250,246,232,.94); --paper-solid:#FBF7EA; --paper-hover:#F0E8D0;
  --mist:rgba(249,244,229,.90); --mist-mid:rgba(249,244,229,.52); --mist-0:rgba(249,244,229,0);
  --glass:rgba(250,246,232,.80); --glass-nav:rgba(250,246,232,.92); --glass-line:rgba(176,146,72,.35);
  --danger:#9B2335; --danger-bg:rgba(255,232,234,.95);
  --qr-dark:#23250B; --qr-light:#FFFFFF;
  --toast-bg:#F6EEDA; --on-toast:#23250B;
  /* sampul (bukaan sampul-penuh mod imej): badan sebelum tile dimuat, dalam sampul, kad gading yang naik */
  --sampul:#3F4312; --sampul-dalam:#1E2109; --sampul-lipat:#4A4F17; --sampul-bayang:rgba(12,14,3,.55); --sampul-0:rgba(12,14,3,0);
  --sampul-kad:#F8F2E2;
  /* ukur:mula (tools/aset_zaitun.py, nisbah lebar sampul) */ --kepak-nisbah:0.9178; --kepak-hujung:0.9079; --kepak-sisi:0.4084; --kepak-bayang-nisbah:0.9622; --poket-nisbah:0.9756; --poket-takuk:0.4807; --jubin-nisbah:0.6249; /* ukur:tamat */
  /* jubin latar panel selebar kad (skala timbul sama dengan sampul) */
  --tile:100%;
  /* bayang + cahaya */
  --sh-col:0 0 0 1px rgba(230,199,126,.08),0 30px 80px -20px rgba(0,0,0,.65);
  --sh-card:0 1px 2px rgba(0,0,0,.28),0 18px 44px -22px rgba(0,0,0,.65);
  --sh-float:0 1px 2px rgba(0,0,0,.24),0 12px 30px -14px rgba(0,0,0,.55);
  --sh-frame:0 2px 4px rgba(0,0,0,.28),0 26px 50px -24px rgba(0,0,0,.70);
  --sh-env:0 18px 22px rgba(0,0,0,.42);
  --sh-wax:0 4px 6px rgba(16,18,4,.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;
  color-scheme:light;
}