:root{
  --bg:#050914; --bg-2:#08111f; --panel:rgba(12,22,38,.82); --panel-strong:rgba(14,28,48,.96);
  --line:rgba(109,178,255,.18); --text:#e8f3ff; --muted:#8ea5bd; --soft:#13243a;
  --blue:#35a7ff; --green:#2fffb2; --yellow:#ffd166; --orange:#ff9f43; --red:#ff4d6d;
  --glow-blue:0 0 28px rgba(53,167,255,.24); --glow-green:0 0 28px rgba(47,255,178,.18);
  --radius:22px; --radius-sm:14px; --shadow:0 24px 80px rgba(0,0,0,.35);
  --sidebar-w:280px; --mobile-nav-h:74px;

  /* zentrale Graph-Feinsteuerung. Heat/Fills bleiben unter der Linie. */
  --graph-fill-top:#35a7ff;
  --graph-fill-mid:#2fffb2;
  --graph-fill-bottom:#2fffb2;
  --graph-fill-top-alpha:.34;
  --graph-fill-mid-alpha:.20;
  --graph-fill-bottom-alpha:.28;
  --graph-heat-fill-alpha:.26;
  --graph-fill-line-gap:3;
  --graph-bg-left:rgba(2,7,15,.98);
  --graph-bg-mid:rgba(4,11,20,.98);
  --graph-bg-right:rgba(3,13,16,.98);
  --scrollbar-track:rgba(5,9,20,.45);
  --scrollbar-thumb:rgba(109,178,255,.28);
  --scrollbar-thumb-hover:rgba(47,255,178,.42);
}
/* Stable series palette */
:root{
  --series-pi:#35a7ff;
  --series-r815:#2fffb2;
  --series-pihole:#ffd166;
  --series-kuma:#9b8cff;
  --series-pterodactyl-panel:#ff9f43;
}