:root { --hijau: #23336e; --hijau-tua: #141d45; --hijau-muda: #e7eaf7; --aksen: #e0b25a; --tautan: #23336e; }
.contoh-tema-alam { --c1: #1f7a4d; --c2: #bef264; --c3: #dcf3e4; }
.contoh-tema-toska { --c1: #0f766e; --c2: #99f6e4; --c3: #ccfbf1; }
.contoh-tema-biru { --c1: #1d4ed8; --c2: #93c5fd; --c3: #dbeafe; }
.contoh-tema-ungu { --c1: #6d28d9; --c2: #c4b5fd; --c3: #ede9fe; }
.contoh-tema-marun { --c1: #9f1239; --c2: #fda4af; --c3: #ffe4e6; }
.contoh-tema-tanah { --c1: #92400e; --c2: #fcd34d; --c3: #fef3c7; }
.contoh-tema-arang { --c1: #334155; --c2: #cbd5e1; --c3: #e2e8f0; }
.contoh-tema-malam { --c1: #23336e; --c2: #e0b25a; --c3: #e7eaf7; }
@media (prefers-color-scheme: dark) { :root { color-scheme: dark; --bg: #0f1514; --kartu: #172120; --teks: #e5eeec; --redup: #9fb0ac; --garis: #2a3735; --input-bg: #1d2928; --merah-muda: #3b1717; --kuning-muda: #3a2b0d; --biru-muda: #152340; --hijau-ok-muda: #12301f; --teks-ok: #86efac; --teks-peringatan: #fcd34d; --teks-info: #93c5fd; --teks-bahaya: #fca5a5; --pink-muda: #3a1528; --pink-teks: #f9a8d4; --bayangan: rgba(0,0,0,.4); --hijau-muda: color-mix(in srgb, #23336e 30%, #172120); --tautan: color-mix(in srgb, #23336e 45%, #ffffff); } }
@media print { :root { --bg: #fff; --kartu: #fff; --teks: #000; --redup: #444; --garis: #bbb; --input-bg: #fff; --tautan: #000; } }