/* Design tokens: sprite URLs, palette, fonts, textures */

:root{--u-title:url(../assets/ui/title.webp);--u-ib_trophy:url(../assets/ui/ib_trophy.webp);--u-ib_mail:url(../assets/ui/ib_mail.webp);--u-ib_help:url(../assets/ui/ib_help.webp);--u-ib_gear:url(../assets/ui/ib_gear.webp);--u-tab0:url(../assets/ui/tab0.webp);--u-tab1:url(../assets/ui/tab1.webp);--u-tab2:url(../assets/ui/tab2.webp);--u-tab3:url(../assets/ui/tab3.webp);--u-bar:url(../assets/ui/bar.webp);--u-btn:url(../assets/ui/btn.webp);--u-btnl:url(../assets/ui/btnl.webp);--u-btnstop:url(../assets/ui/btnstop.webp);--u-q0:url(../assets/ui/q0.webp);--u-q1:url(../assets/ui/q1.webp);--u-q2:url(../assets/ui/q2.webp);--u-q3:url(../assets/ui/q3.webp);--u-ok:url(../assets/ui/ok.webp);--u-no:url(../assets/ui/no.webp);--u-rf:url(../assets/ui/rf.webp);--u-tr:url(../assets/ui/tr.webp);--u-zp:url(../assets/ui/zp.webp);--u-zm:url(../assets/ui/zm.webp);--u-compass:url(../assets/ui/compass.webp);--u-shield:url(../assets/ui/shield.webp);--u-mapf:url(../assets/ui/mapf.webp);--u-panel:url(../assets/ui/panel.webp);--u-card:url(../assets/ui/card.webp);--u-pill:url(../assets/ui/pill.webp);
  /* Bố cục: bản đồ phủ kín; khung gỗ sẫm viền đồng thau ở trên (tài nguyên) và dưới (chân dung + lệnh) */
  --wood-hi:#523a26; --wood:#2c1d12; --slot:#150e08; --brass:#d8b45c; --brass-lo:#6e4f1c;
  --parchment:#efe2c2; --ink:#1a110a; --blood:#b9382c; --leaf:#62b24c;
  --display:"Cormorant SC","Cormorant Garamond","Palatino Linotype",Georgia,serif;
  --body:"Be Vietnam Pro","Segoe UI",system-ui,sans-serif;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --planks:repeating-linear-gradient(91deg,rgba(0,0,0,0) 0 11px,rgba(0,0,0,.16) 11px 12px,rgba(255,255,255,.03) 12px 13px,rgba(0,0,0,0) 13px 37px);
  color-scheme:dark;
}