/* ===== TEMA (nilai variabel diatur dari Admin > Tema; ini nilai bawaan: dark, hijau tua + kuning) ===== */
:root{--pri:#14532d;--pri2:#0e3a20;--acc:#f5c518;--acc2:#f9da6e;--on-acc:#111111;--bg:#fdf3c4;--ink:#1f2a22;--muted:#6b6330;--line:#ece3b0;--line2:#ddd08a;
--page-bg:linear-gradient(180deg,#0e3a20 0%,#091f12 40%,#050505 100%);--page-fg:#ece8d4;--h:#f5c518;--card:#fffbe6;
--bar:linear-gradient(135deg,#050505 0%,#0e3a20 55%,#14532d 100%);--bar-fg:#f5c518;
--ad-bg:#000;--ad-fg:#f5c518;--util-bg:#000;--util-fg:#d0d0d0;--util-link:#f5c518;
--nav-bg:#000;--nav-fg:#f1f1f1;--nav-hov-bg:#14532d;--nav-hov-fg:#f5c518;--nav-promo:#f9da6e;
--foot:linear-gradient(180deg,#07170e,#000);--foot-fg:#d0d0d0;--foot-h:#f5c518;--foot-a:#ececec;
--trust-bg:#0a2616;--trust-fg:#ececec;--trust-b:#f5c518;--th-bg:#14532d;--th-fg:#f5c518;--mb-bg:#000;--mb-fg:#fff;
--g:var(--bar);--g2:var(--acc);--dk:var(--pri);--cream:var(--card)}
body{background:var(--page-bg);background-attachment:fixed;color:var(--page-fg)}
h1,h2,h3{color:var(--h)}
.box h1,.box h2,.box h3,.box h4,.left h3,.right h3,#sc h3,#shop h3,#vm h3,#qm h3{color:var(--dk)}
.box,.card,.pcard,.stat,.left,.right{background:var(--card);color:var(--ink)}
.box a:not(.btn),.stat a{color:var(--dk)}.stat small{color:var(--muted)}
.ad{background:var(--ad-bg);color:var(--ad-fg);border-bottom:1px solid var(--line)}.ad a{color:var(--ad-fg)}
.util{background:var(--util-bg);color:var(--util-fg)}.util a{color:var(--util-link)}
header,.bar{background:var(--bar)}header .logo,.bar h1,.bar a{color:var(--bar-fg)}
.sf button,.cartbtn{background:var(--acc);color:var(--on-acc)}
nav.cats{background:var(--nav-bg);border-bottom:2px solid var(--acc)}.cats a{color:var(--nav-fg)}.cats a:hover{background:var(--nav-hov-bg);color:var(--nav-hov-fg)}.cats .pr2{color:var(--nav-promo)}
.sh h3,.sh a{color:var(--h)}
.btn,button{background:var(--acc);color:var(--on-acc);font-weight:600}
.btn.t,.btn.s,.btn.k,.btn.l{color:#fff}.btn.o,button.o{background:#c0392b;color:#fff}
button[style*="#999"],button[style*="#f2994a"],button[style*="var(--dk)"]{color:#fff}
.pay{background:linear-gradient(90deg,var(--acc),var(--acc2));color:var(--on-acc);font-weight:700}
.chip{background:#fff;color:var(--dk);border:2px solid var(--line2)}.chip.on{border-color:var(--acc);background:var(--bg);color:#111}
.vb,.qk button{background:var(--bg);color:#111}
.sb{background:#000a;color:var(--acc)}.dots .on{background:var(--acc)}
.pcard{border:1px solid var(--line)}.pcard img{background:var(--g)}
.bd{background:var(--acc);color:var(--on-acc)}.bd.d{background:#d62828;color:#fff}
.buy{background:linear-gradient(90deg,var(--pri),var(--pri2));color:var(--acc)}
.pr s{color:var(--muted)}
.trust div{background:var(--trust-bg);color:var(--trust-fg);border:1px solid var(--line)}.trust b{color:var(--trust-b)}
input,textarea,select{background:#fff;color:#111;border:1px solid var(--line2)}input:focus,textarea:focus,select:focus{outline:2px solid var(--acc)}
table{background:var(--card);color:var(--ink)}td,th{border-bottom:1px solid var(--line)}th{background:var(--th-bg);color:var(--th-fg)}
.msg{background:var(--bg);color:#3a3200;border-left:4px solid var(--acc)}
.ln{border-bottom:1px dashed var(--line2)}.tot{color:var(--dk)}
.pc{background:#fff;border:2px solid var(--line);color:var(--ink)}.pc:hover{border-color:var(--acc);background:var(--bg)}.pc span{color:var(--dk)}
#mb{background:var(--mb-bg);color:var(--mb-fg);border-top:2px solid var(--acc)}#mb b{color:var(--acc)!important}
#sc>div,#shop>div,#vm>div,#qm>div{background:var(--card);color:var(--ink)}#struk>div{background:#fff;color:#111}
footer{background:var(--foot);color:var(--foot-fg);border-top:3px solid var(--acc)}.fc h4{color:var(--foot-h)}.fc a{color:var(--foot-a)}.cp{border-top:1px solid #ffffff30}
@media print{body{background:#fff!important;color:#000!important}h1,h2,h3{color:#000!important}}