/* The existing dark design remains untouched. Only opt-in light colors follow. */
#client-theme-toggle { flex-shrink: 0; }
#client-theme-toggle .theme-moon { display: none; }
html[data-client-theme="light"] #client-theme-toggle .theme-sun { display: none; }
html[data-client-theme="light"] #client-theme-toggle .theme-moon { display: block; }
#client-theme-toggle:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

html[data-client-theme="light"],
html[data-client-theme="light"] #page-cockpit {
  color-scheme: light;
  --bg: #F5F7FB;
  --surface: #FFFFFF;
  --surface2: #EDF1F7;
  --surface3: #E2E8F0;
  --border: rgba(15, 23, 42, 0.12);
  --border2: rgba(15, 23, 42, 0.22);
  --text: #172033;
  --text2: #475569;
  --text3: #64748B;
  --gold: #BE561A;
  --gold2: #AE4812;
  --gold-dim: rgba(190, 86, 26, 0.10);
  --gold-glow: rgba(190, 86, 26, 0.25);
  --green: #047857;
  --red: #C62828;
  --blue: #1D4ED8;
  --amber: #925400;
}
html[data-client-theme="light"] :is(.topbar, .logo-wrap) { background: var(--surface); }
html[data-client-theme="light"] :is(.search-inp, .cp-ctrl-group) {
  background: var(--surface2);
  border-color: var(--border);
  box-shadow: none;
}
html[data-client-theme="light"] .search-inp:focus { background: var(--surface); }
html[data-client-theme="light"] .nav-item:hover { background: var(--surface3); }
html[data-client-theme="light"] .btn-ghost {
  background: var(--surface);
  border-color: var(--border2);
}
html[data-client-theme="light"] .btn-ghost:hover { background: var(--surface3); }
html[data-client-theme="light"] .cp-header-bar {
  background: var(--surface);
  border-color: var(--border);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
}
html[data-client-theme="light"] :is(.cp-header-title, .cockpit-kpi-value) { color: var(--text); }
html[data-client-theme="light"] .cockpit-kpi-card {
  background: var(--surface);
  border-color: var(--border);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}
html[data-client-theme="light"] .modal { box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18); }
html[data-client-theme="light"] .overlay { background: rgba(15, 23, 42, 0.35); }
html[data-client-theme="light"] .cp-building-canvas {
  background: linear-gradient(180deg, var(--surface), var(--surface2));
  border-color: var(--border);
  box-shadow: inset 0 12px 40px rgba(15, 23, 42, 0.03);
}
html[data-client-theme="light"] .cp-3d-floor {
  background: var(--surface);
  border-color: var(--border);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}
html[data-client-theme="light"] .cp-3d-floor:hover { background: var(--surface2); }
html[data-client-theme="light"] .cp-3d-floor.active-floor {
  background: var(--gold-dim);
  border-color: var(--gold);
}