/* WHMCS-like Clean Blue (Light) */

:root{
  --ua-bg: #f5f7fb;
  --ua-card: rgba(255,255,255,.88);
  --ua-border: rgba(15,23,42,.10);
  --ua-border-strong: rgba(15,23,42,.16);
  --ua-shadow: 0 24px 70px rgba(2,6,23,.10);
  --ua-shadow-soft: 0 14px 34px rgba(2,6,23,.08);

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

  /* Accent comes from runtime settings; provide safe fallback */
  --ua-accent: #1a66ff;
  --ua-accent-2: #60a5fa;

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

  --ua-grad-1: rgba(26,102,255,.18);
  --ua-grad-2: rgba(14,165,233,.14);
  --ua-grad-3: rgba(99,102,241,.10);
  --ua-grad-4: rgba(16,185,129,.10);
  --ua-control-bg:#e8f1ff;
  --ua-control-bg-hover:#d3e5ff;
  --ua-control-text:#0b2654;
  --ua-control-border:#9ec5ff;
  --ua-primary-text:#ffffff;
  --ua-stat-chip-bg:#edf5ff;
  --ua-stat-chip-text:#0b2654;
  --ua-stat-icon-bg:#dbeafe;
  --ua-stat-icon-text:#155eb8;
  --ua-sidebar-text:#f8fbff;
  --ua-sidebar-item-bg:#1d5f9f;
}

body{
  background:
    radial-gradient(1000px 700px at 10% 0%, var(--ua-grad-1), transparent 60%),
    radial-gradient(900px 650px at 95% 10%, var(--ua-grad-2), transparent 58%),
    radial-gradient(850px 620px at 30% 95%, var(--ua-grad-3), transparent 58%),
    radial-gradient(700px 520px at 90% 90%, var(--ua-grad-4), transparent 60%),
    var(--ua-bg);
}

/* Light-mode tweaks */
.ua-topbar{ background: rgba(255,255,255,.78) !important; }
.ua-search{ background: rgba(2,6,23,.04) !important; }
