/* ============================================================
   themes.css — Light mode + accent overrides
   ============================================================ */

body.light-mode {
  --navy:  #f1f5f9;
  --navy2: #ffffff;
  --navy3: #e2e8f0;
  --white: #0f172a;
  --gray:  #475569;
  --gray2: #334155;

  --red:    #dc2626;
  --green:  #16a34a;
  --orange: #d97706;
  --blue:   #2563eb;

  background: #f1f5f9;
  color: #0f172a;
}

/* Sidebar stays dark in light mode for contrast */
body.light-mode .sidebar { background: #1e293b; border-left: 1px solid #334155; }
body.light-mode .sidebar-logo .app-name { color: var(--gold2); }
body.light-mode .sidebar-logo .app-sub  { color: #94a3b8; }
body.light-mode .nav-section { color: var(--gold2); }
body.light-mode .nav-item    { color: #cbd5e1; }
body.light-mode .nav-item:hover  { background: rgba(201,168,76,.15); color: var(--gold2); }
body.light-mode .nav-item.active { background: rgba(201,168,76,.2);  color: var(--gold2); }
body.light-mode .sidebar-user    { border-top-color: #334155; }
body.light-mode .user-name       { color: #f1f5f9; }
body.light-mode .user-role       { color: #94a3b8; }
body.light-mode .btn-s           { background: rgba(255,255,255,.1); color: #f1f5f9; border-color: #475569; }

/* Main content */
body.light-mode .main       { background: #f1f5f9; }
body.light-mode .page-title { color: #0f172a; }
body.light-mode .page-sub   { color: #475569; }

/* Cards */
body.light-mode .card         { background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
body.light-mode .card-header  { background: #fff; border-bottom-color: #f1f5f9; }
body.light-mode .card-body    { background: #fff; }
body.light-mode .card-title   { color: #0f172a; }
body.light-mode .stat         { background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
body.light-mode .stat .val    { color: #0f172a; }
body.light-mode .stat .lbl    { color: #64748b; }

/* Tables */
body.light-mode table { background: #fff; }
body.light-mode th    { color: #475569; border-bottom: 2px solid #e2e8f0; }
body.light-mode td    { color: #0f172a; border-bottom-color: #f1f5f9; }
body.light-mode tr:hover td { background: #f8fafc; }

/* Forms */
body.light-mode .fg label { color: #334155; }
body.light-mode .fg input,
body.light-mode .fg select,
body.light-mode .fg textarea { background: #f8fafc; border-color: #cbd5e1; color: #0f172a; }
body.light-mode .fg input:focus,
body.light-mode .fg select:focus,
body.light-mode .fg textarea:focus { border-color: var(--gold); background: #fff; }
body.light-mode .fg select option { background: #fff; color: #0f172a; }
body.light-mode .iqd-box { background: #f5f3ff; border-color: #c4b5fd; color: #6d28d9; }

/* Modals */
body.light-mode .modal-dialog { background: #fff; border-color: #e2e8f0; }
body.light-mode .modal-header { background: #fff; border-bottom-color: #f1f5f9; }
body.light-mode .modal-footer { background: #fff; border-top-color: #f1f5f9; }
body.light-mode .modal-body   { background: #fff; }
body.light-mode .modal-title  { color: #0f172a; }
body.light-mode .modal-close  { color: #64748b; }

/* Filter / search */
body.light-mode .search-input        { background: #fff; border-color: #cbd5e1; color: #0f172a; }
body.light-mode select.filter-select { background: #fff; border-color: #cbd5e1; color: #0f172a; }

/* Alerts */
body.light-mode .alert-warn   { background: #fffbeb; border-color: #fbbf24; color: #92400e; }
body.light-mode .alert-danger { background: #fef2f2; border-color: #fca5a5; color: #991b1b; }
body.light-mode .alert-ok     { background: #f0fdf4; border-color: #86efac; color: #166534; }
body.light-mode .alert-info   { background: #eff6ff; border-color: #93c5fd; color: #1d4ed8; }

/* Progress */
body.light-mode .progress-wrap { background: #e2e8f0; }

/* Worker cards */
body.light-mode .wcard       { background: linear-gradient(135deg, rgba(201,168,76,.06), #fff); border-color: #e2e8f0; }
body.light-mode .wsb         { background: #f8fafc; }
body.light-mode .wsb.gold    { background: #fefce8; border-color: #fbbf24; }
body.light-mode .wsb.red     { background: #fef2f2; border-color: #fca5a5; }
body.light-mode .wsb.green   { background: #f0fdf4; border-color: #86efac; }
body.light-mode .wsv         { color: #0f172a; }
body.light-mode .wsl         { color: #64748b; }

/* Toast / login */
body.light-mode .toast    { background: #1e293b; color: #f1f5f9; border-color: #334155; }
body.light-mode #loginPage{ background: linear-gradient(135deg, #1e293b, #0f172a); }
body.light-mode .login-box{ background: rgba(22,40,69,.97); }
body.light-mode .login-logo h1 { color: var(--gold); }
body.light-mode .err-box  { background: #fef2f2; border-color: #fca5a5; color: #dc2626; }

/* Tabs */
body.light-mode .tab        { color: #475569; border-color: #cbd5e1; }
body.light-mode .tab.active { background: #fefce8; border-color: var(--gold); color: #92701a; }

/* Section title */
body.light-mode .section-title { color: #92701a; border-bottom-color: #fbbf24; }
body.light-mode hr.divider     { border-top-color: #e2e8f0; }

/* Dashboard headers */
body.light-mode .dash-proj  { background: linear-gradient(135deg, rgba(201,168,76,.06), rgba(241,245,249,.8)); border-color: rgba(201,168,76,.25); }
body.light-mode .dash-comp  { background: linear-gradient(135deg, rgba(42,157,143,.06), rgba(241,245,249,.8)); border-color: rgba(42,157,143,.25); }
body.light-mode .dash-title { color: #0f172a; }
body.light-mode .dash-proj .dash-title { color: #92701a; }
body.light-mode .dash-comp .dash-title { color: #1d4ed8; }
body.light-mode .nav-section { color: #92701a; border-top-color: rgba(201,168,76,.2); }

/* Owner */
body.light-mode .owner-hero      { background: linear-gradient(135deg, #f0fdf4, #eff6ff); border-color: #93c5fd; }
body.light-mode .owner-proj-name { color: #1d4ed8; }
body.light-mode .owner-stat      { background: #fff; border-color: #e2e8f0; }
body.light-mode .owner-stat .val { color: #0f172a; }
body.light-mode .owner-stat .lbl { color: #64748b; }