/* Light Clean Business */

:root{
  --ua-bg: #f8fafc;
  --ua-card: rgba(255,255,255,.92);
  --ua-border: rgba(2,6,23,.10);
  --ua-border-strong: rgba(2,6,23,.16);
  --ua-shadow: 0 22px 60px rgba(2,6,23,.10);
  --ua-shadow-soft: 0 12px 28px rgba(2,6,23,.08);

  --ua-text: #0b1220;
  --ua-text-soft: rgba(2,6,23,.65);

  --ua-accent: #0f766e;
  --ua-accent-2: #22c7b8;

  --ua-ok: #16a34a;
  --ua-warn: #f59e0b;
  --ua-bad: #ef4444;

  --ua-grad-1: rgba(37,99,235,.16);
  --ua-grad-2: rgba(14,165,233,.10);
  --ua-grad-3: rgba(168,85,247,.08);
  --ua-grad-4: rgba(245,158,11,.10);
  --ua-control-bg:#e7f4f2;
  --ua-control-bg-hover:#d4eeeb;
  --ua-control-text:#0e403d;
  --ua-control-border:#99c8c2;
  --ua-primary-text:#ffffff;
  --ua-stat-chip-bg:#eef7f6;
  --ua-stat-chip-text:#102033;
  --ua-stat-icon-bg:#d9f5f1;
  --ua-stat-icon-text:#0f766e;
  --ua-sidebar-text:#f8fbff;
  --ua-sidebar-item-bg:#1f5f5a;
}

body{
  background:
    radial-gradient(980px 640px at 12% 10%, var(--ua-grad-2), transparent 60%),
    radial-gradient(900px 600px at 85% 20%, var(--ua-grad-1), transparent 58%),
    radial-gradient(820px 620px at 30% 92%, var(--ua-grad-3), transparent 58%),
    radial-gradient(700px 520px at 88% 88%, var(--ua-grad-4), transparent 60%),
    var(--ua-bg);
}

.ua-topbar{ background: rgba(255,255,255,.76) !important; }
.ua-search{ background: rgba(2,6,23,.04) !important; }
