/* TanamKuy - pilihan tema. Tema "hijau" memakai warna bawaan di style.css. */

/* ===== Tema TANAH: krem hangat, terakota, huruf berserif ===== */
html[data-tema=tanah]{--bg:#fbf6ee;--sf:#f3eadb;--ink:#2b2118;--muted:#6e5f50;--line:#e6d9c4;--ac:#a8501d;--ac-d:#7d3a12;--ac-s:#f7e3d3;--sun:#d99a1c;--sun-s:#f7e6b8;--r:12px}
html[data-tema=tanah] h1,html[data-tema=tanah] h2,html[data-tema=tanah] h3,html[data-tema=tanah] .brand,html[data-tema=tanah] .ct{font-family:Georgia,"Times New Roman",serif;letter-spacing:0}
html[data-tema=tanah] .btn,html[data-tema=tanah] .chip,html[data-tema=tanah] .place{border-radius:10px}
html[data-tema=tanah] .tile{border-radius:12px}
html[data-tema=tanah] .tip{color:#5a3d00}
html[data-tema=tanah] .badge.mid{color:#7a4a00}
html[data-tema=tanah] .hero-full{background:linear-gradient(rgba(58,30,10,.42),rgba(40,20,8,.58)),url(../images/hero.jpg) center/cover no-repeat,url(../images/bayam.jpg) center/cover no-repeat #3a2410}
html[data-tema=tanah] .hero-full h1{font-weight:700;letter-spacing:.02em}

/* ===== Tema MALAM: gelap, hijau segar ===== */
html[data-tema=malam]{--bg:#0f1a14;--sf:#17261d;--ink:#e8f2ea;--muted:#9db0a2;--line:#27392e;--ac:#3fbf7f;--ac-d:#7fe0ab;--ac-s:#1b3a29;--sun:#f5b301;--sun-s:#3a3010;color-scheme:dark}
html[data-tema=malam] .btn{color:#06210f}
html[data-tema=malam] .btn:hover{background:#7fe0ab;border-color:#7fe0ab}
html[data-tema=malam] .btn.alt{background:var(--sf);color:var(--ink)}
html[data-tema=malam] .btn.alt:hover{background:var(--sf)}
html[data-tema=malam] .chip[aria-pressed=true]{color:#06210f}
html[data-tema=malam] .steps li::before{color:#06210f}
html[data-tema=malam] .place{background:rgba(255,255,255,.92);color:#13201a}
html[data-tema=malam] .form select,html[data-tema=malam] .form input{background:var(--bg);color:var(--ink)}
html[data-tema=malam] .tip{color:#f5d77a}
html[data-tema=malam] .badge.mid{color:#f5d77a}
html[data-tema=malam] .err{color:#ff8a7a}
html[data-tema=malam] #toast{background:var(--ac);color:#06210f}
html[data-tema=malam] .skip:focus{color:#13201a}
html[data-tema=malam] .hero-full{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.66)),url(../images/hero.jpg) center/cover no-repeat,url(../images/bayam.jpg) center/cover no-repeat #0f1a14}

html[data-tema=tanah] .hero{background:linear-gradient(90deg,rgba(58,30,10,.8),rgba(58,30,10,.38)),url(../images/hero.jpg) center/cover no-repeat,url(../images/bayam.jpg) center/cover no-repeat #3a2410}
html[data-tema=malam] .hero{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.45)),url(../images/hero.jpg) center/cover no-repeat,url(../images/bayam.jpg) center/cover no-repeat #0f1a14}
@media(max-width:699px){html[data-tema=tanah] .hero{background:linear-gradient(rgba(58,30,10,.62),rgba(58,30,10,.76)),url(../images/hero.jpg) center/cover no-repeat,url(../images/bayam.jpg) center/cover no-repeat #3a2410}html[data-tema=malam] .hero{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.82)),url(../images/hero.jpg) center/cover no-repeat,url(../images/bayam.jpg) center/cover no-repeat #0f1a14}}

html[data-tema=tanah]{--ft-a:#f0dbc2;--ft-b:#e0a878;--ft-c:#cf8650}
html[data-tema=malam]{--ft-a:#14291e;--ft-b:#1b4a33;--ft-c:#1f6b48}
html[data-tema=malam] .foot .chip{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.2)}
html[data-tema=malam] .foot .chip[aria-pressed=true]{background:var(--ac);border-color:var(--ac);color:#06210f}
html[data-tema=malam] .totop{background:rgba(0,0,0,.25)}

/* ===== Pemilih tema di bagian bawah halaman ===== */
.tema{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.tema span{font-size:15px;color:var(--muted)}
.tema .chip{min-height:36px;padding:4px 14px;font-size:14px}

/* Cetak selalu memakai warna terang bawaan, apa pun temanya */
@media print{
html[data-tema]{--bg:#fff;--sf:#f5f7f4;--ink:#111;--muted:#444;--line:#ddd;--ac:#1a7f4b;--ac-d:#0f5a34;--ac-s:#e8f5ee;--sun:#f5b301;--sun-s:#fdf1c8;color-scheme:light}
html[data-tema] h1,html[data-tema] h2,html[data-tema] h3,html[data-tema] .brand,html[data-tema] .ct{font-family:inherit}
.tema{display:none!important}
}