/* Network Tech (Neon) */

:root{
  --ua-bg: #05070c;
  --ua-card: rgba(10,14,22,.74);
  --ua-border: rgba(255,255,255,.10);
  --ua-border-strong: rgba(255,255,255,.16);
  --ua-shadow: 0 26px 90px rgba(0,0,0,.60);
  --ua-shadow-soft: 0 14px 34px rgba(0,0,0,.40);

  --ua-text: #eafffb;
  --ua-text-soft: rgba(234,255,251,.70);

  --ua-accent: #22d3ee;
  --ua-accent-2: #a7f3d0;

  --ua-ok: #22c55e;
  --ua-warn: #f59e0b;
  --ua-bad: #ef4444;

  --ua-grad-1: rgba(34,211,238,.20);
  --ua-grad-2: rgba(16,185,129,.14);
  --ua-grad-3: rgba(168,85,247,.16);
  --ua-grad-4: rgba(245,158,11,.10);
  --ua-control-bg:#10233a;
  --ua-control-bg-hover:#143d64;
  --ua-control-text:#eafffb;
  --ua-control-border:#22d3ee;
  --ua-primary-text:#03131a;
  --ua-stat-chip-bg:#071b2b;
  --ua-stat-chip-text:#eafffb;
  --ua-stat-icon-bg:#072e3d;
  --ua-stat-icon-text:#a7f3d0;
  --ua-sidebar-text:#eafffb;
  --ua-sidebar-item-bg:#103d56;
}

body{
  background:
    radial-gradient(950px 650px at 18% 10%, var(--ua-grad-1), transparent 60%),
    radial-gradient(900px 600px at 80% 16%, var(--ua-grad-3), transparent 58%),
    radial-gradient(900px 600px at 40% 95%, var(--ua-grad-2), transparent 56%),
    radial-gradient(700px 520px at 88% 88%, var(--ua-grad-4), transparent 60%),
    var(--ua-bg);
}

/* subtle neon glow */
.ua-burger{ box-shadow: 0 0 0 1px rgba(34,211,238,.22), 0 12px 30px rgba(34,211,238,.12) !important; }
.ua-topbar{ box-shadow: 0 0 0 1px rgba(34,211,238,.12), var(--ua-shadow-soft) !important; }
