/* ISP Green (Service Provider) */

:root{
  --ua-bg: #07140c;
  --ua-card: rgba(12,26,18,.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: #ecfff2;
  --ua-text-soft: rgba(236,255,242,.70);

  --ua-accent: #22c55e;
  --ua-accent-2: #86efac;

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

  --ua-grad-1: rgba(22,163,74,.20);
  --ua-grad-2: rgba(34,197,94,.14);
  --ua-grad-3: rgba(14,165,233,.10);
  --ua-grad-4: rgba(245,158,11,.10);
  --ua-control-bg:#123f27;
  --ua-control-bg-hover:#176334;
  --ua-control-text:#ecfff2;
  --ua-control-border:#2eb66a;
  --ua-primary-text:#04190d;
  --ua-stat-chip-bg:#0d2f1a;
  --ua-stat-chip-text:#ecfff2;
  --ua-stat-icon-bg:#0f3b22;
  --ua-stat-icon-text:#86efac;
  --ua-sidebar-text:#ecfff2;
  --ua-sidebar-item-bg:#12562d;
}

body{
  background:
    radial-gradient(980px 640px at 14% 10%, var(--ua-grad-2), transparent 60%),
    radial-gradient(920px 620px at 85% 15%, var(--ua-grad-3), transparent 58%),
    radial-gradient(900px 600px at 40% 95%, var(--ua-grad-1), transparent 56%),
    radial-gradient(700px 520px at 88% 88%, var(--ua-grad-4), transparent 60%),
    var(--ua-bg);
}
