:root {
  --bg: #0f172a;
  --fg: #e2e8f0;
  --accent: #a78bfa;
  --c-chemical: #60a5fa;
  --c-disease: #f87171;
  --c-virus: #a78bfa;
  --c-gene: #34d399;
}

html, body {
  background: var(--bg);
  color: var(--fg);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

#graph { background: transparent; }
#graph .vis-network { background: transparent !important; outline: none; }

/* Entity highlights in evidence */
.ent { padding: 1px 3px; border-radius: 3px; font-weight: 500; }
.ent-Chemical { background: rgba(96,165,250,0.25); color: #93c5fd; }
.ent-Disease  { background: rgba(248,113,113,0.25); color: #fca5a5; }
.ent-Virus    { background: rgba(167,139,250,0.25); color: #c4b5fd; }
.ent-Gene     { background: rgba(52,211,153,0.25); color: #6ee7b7; }

/* Scrollbar */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: rgba(148,163,184,0.25); border-radius: 4px; }
*::-webkit-scrollbar-thumb:hover { background: rgba(148,163,184,0.45); }

textarea { font-family: ui-monospace, SFMono-Regular, monospace; }