/* css/base.css — tema terang/gelap (variabel di :root), reset, kanvas. */
:root{box-sizing:border-box;--bg:#eef1f6;--fg:#1c2230;--card:rgba(255,255,255,.88);--bd:rgba(0,0,0,.12);
  --accent:#d9692b;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#10141c;--fg:#e8ecf4;--card:rgba(28,34,48,.88);--bd:rgba(255,255,255,.15)}}
:root[data-theme="dark"]{--bg:#10141c;--fg:#e8ecf4;--card:rgba(28,34,48,.88);--bd:rgba(255,255,255,.15)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--fg);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
canvas{display:block;width:100%;height:100%;touch-action:none}