/* Dark ISP Pro (Blue) */

:root{
  --ua-bg: #08111f;
  --ua-card: rgba(14,25,45,.72);
  --ua-border: rgba(255,255,255,.10);
  --ua-border-strong: rgba(255,255,255,.16);
  --ua-shadow: 0 24px 80px rgba(0,0,0,.55);
  --ua-shadow-soft: 0 14px 34px rgba(0,0,0,.35);

  --ua-text: #eaf0ff;
  --ua-text-soft: rgba(234,240,255,.70);

  --ua-accent: #4f8cff;
  --ua-accent-2: #9cc7ff;

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

  --ua-grad-1: rgba(59,130,246,.18);
  --ua-grad-2: rgba(14,165,233,.14);
  --ua-grad-3: rgba(99,102,241,.14);
  --ua-grad-4: rgba(245,158,11,.12);
  --ua-control-bg:#123a6f;
  --ua-control-bg-hover:#18549c;
  --ua-control-text:#eaf2ff;
  --ua-control-border:#4f8cff;
  --ua-primary-text:#06152b;
  --ua-stat-chip-bg:#0d274a;
  --ua-stat-chip-text:#eaf2ff;
  --ua-stat-icon-bg:#0f345f;
  --ua-stat-icon-text:#9cc7ff;
  --ua-sidebar-text:#eaf2ff;
  --ua-sidebar-item-bg:#123a6f;
}

body{
  background:
    radial-gradient(1000px 650px at 15% 10%, var(--ua-grad-2), transparent 60%),
    radial-gradient(900px 600px at 85% 20%, var(--ua-grad-3), transparent 58%),
    radial-gradient(900px 600px at 35% 92%, var(--ua-grad-1), transparent 55%),
    radial-gradient(700px 520px at 82% 86%, var(--ua-grad-4), transparent 58%),
    var(--ua-bg);
}
