/* Tema bersama Barlve — terang (default di semua subdomain) dan gelap. */
html[data-theme="light"]{
  --bg:#f6f5f0; --panel:#ffffff; --panel2:#f0efe8; --paper:#171819;
  --text:#151617; --muted:#5b5f62; --line:rgba(21,22,23,.14);
  --orange:#d8570c; --orange2:#b84a08; --accent:#d8570c;
  --ok:#1f9d63; --warn:#a8690a; --bad:#c0392b;
  color-scheme:light;
}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] header{background:rgba(246,245,240,.9)!important;border-bottom-color:var(--line)}
html[data-theme="light"] pre,
html[data-theme="light"] code{background:#f0efe8!important;color:#24262a!important;border-color:var(--line)!important}
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select{background:#fff!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="light"] .card,
html[data-theme="light"] .box,
html[data-theme="light"] .tile,
html[data-theme="light"] .tool,
html[data-theme="light"] .panel,
html[data-theme="light"] .hasil,
html[data-theme="light"] .pane,
html[data-theme="light"] .service,
html[data-theme="light"] .product,
html[data-theme="light"] .row{background:var(--panel)}
html[data-theme="light"] .btn,
html[data-theme="light"] button.go,
html[data-theme="light"] button.run{color:#fff!important}
html[data-theme="light"] .mark,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] b{color:var(--text)}
html[data-theme="light"] footer{color:var(--muted)}

/* tombol tema, dipasang otomatis oleh theme.js */
.barlve-theme{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:2px;cursor:pointer;
  margin-left:14px;flex:0 0 auto;transition:color .18s,border-color .18s}
.barlve-theme:hover{color:var(--orange);border-color:var(--orange)}
.barlve-theme svg{width:17px;height:17px;display:block}
html[data-theme="dark"] .barlve-theme .i-sun{display:block}
html[data-theme="dark"] .barlve-theme .i-moon{display:none}
html[data-theme="light"] .barlve-theme .i-sun{display:none}
html[data-theme="light"] .barlve-theme .i-moon{display:block}

/* nama token alternatif (tools, status) */
html[data-theme="light"]{--surface:#ffffff;--surface-2:#f4f3ee;--border:rgba(21,22,23,.14);
  --bone:#ffffff;--ink:#151617;--green:#1f7a4d;--on-green:#ffffff}
html[data-theme="light"] .tile.ink,
html[data-theme="light"] .hasil{background:#f0efe8;color:var(--text)}
html[data-theme="light"] .hasil pre,
html[data-theme="light"] .out{background:#ffffff;color:#151617}