/* Light-mode overrides for the inDefend v2 dashboard. The pages are authored dark-first with
   hard-coded utility colors; under html.light these remap to a clean enterprise light palette.
   Dark remains the default (no html.light class). */

/* themeable app background — replaces the previous inline #root style so it can switch */
.app-bg{
  background:
    radial-gradient(1100px 600px at 85% -10%, rgba(109,109,255,.14), transparent 55%),
    radial-gradient(900px 500px at -10% 110%, rgba(58,160,255,.10), transparent 55%),
    #0a0d16;
}

html.light body{ background:#eef1f7; }
html.light .app-bg{
  background:
    radial-gradient(1100px 600px at 85% -10%, rgba(109,109,255,.10), transparent 55%),
    radial-gradient(900px 500px at -10% 110%, rgba(58,160,255,.08), transparent 55%),
    #eef1f7;
}

/* surfaces */
html.light .glass{
  background:linear-gradient(180deg,#ffffff,#f6f8fc);
  border:1px solid rgba(15,23,42,.08);
}
html.light .glow{ box-shadow:0 0 0 1px rgba(109,109,255,.12), 0 10px 30px rgba(15,23,42,.08); }
html.light .bg-white\/5{ background:rgba(15,23,42,.04) !important; }
html.light .bg-white\/10{ background:rgba(15,23,42,.07) !important; }
html.light .bg-\[\#0d111c\]\/70{ background:rgba(255,255,255,.82) !important; }
html.light .bg-\[\#0d111c\]\/50{ background:rgba(255,255,255,.62) !important; }

/* borders */
html.light .border-white\/5{ border-color:rgba(15,23,42,.08) !important; }
html.light .border-white\/10{ border-color:rgba(15,23,42,.12) !important; }

/* text */
html.light .text-white{ color:#0f172a !important; }
html.light .text-slate-200{ color:#1e293b !important; }
html.light .text-slate-300{ color:#334155 !important; }
html.light .text-slate-400{ color:#475569 !important; }
html.light .text-slate-500{ color:#64748b !important; }
html.light .text-slate-600{ color:#94a3b8 !important; }

/* accents — deepen slightly for contrast on a light surface */
html.light .text-brand-400{ color:#5b5bff !important; }
html.light .text-emerald-400{ color:#059669 !important; }
html.light .text-emerald-300{ color:#047857 !important; }
html.light .text-amber-400{ color:#d97706 !important; }
html.light .text-sky-400{ color:#0284c7 !important; }
html.light .text-rose-400{ color:#e11d48 !important; }
html.light .text-rose-300{ color:#be123c !important; }

/* nav, scrollbar, table hover */
html.light .navi:hover{ background:rgba(109,109,255,.10); }
html.light .navi.active{ background:linear-gradient(90deg, rgba(109,109,255,.16), transparent); box-shadow:inset 3px 0 0 #6d6dff; }
html.light ::-webkit-scrollbar-thumb{ background:#cbd5e1; }
html.light tbody tr:hover{ background:rgba(109,109,255,.06) !important; }
html.light .modal-bg{ background:rgba(15,23,42,.35) !important; }