:root{
  /* Darker, higher-contrast palette (less "white" background).
     Tree colors are NOT changed (only app UI surfaces).
  */
  --bg1:#0b1e3a;   /* deep navy */
  --bg2:#0f3c3f;   /* deep teal */
  --bg3:#3a1b3a;   /* deep violet */
  --bg4:#3a1c22;   /* deep rose */

  --panel: rgba(16, 18, 34, .62);
  --border: rgba(255,255,255,.22);
  --text: rgba(255,255,255,.94);
  --muted: rgba(255,255,255,.78);
  --gold: #22d3ee; /* main accent */
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color:var(--text);
  overflow:hidden;
  /* base (static) fallback; animated bg is applied by anim.effects.css */
  background: #0b1020;
}
.hidden{display:none !important}
a{color:var(--gold); text-decoration:none}
a:hover{text-decoration:underline}