/* ═══════════════════════════════════════════
   RenderDesk — Light Theme
   ═══════════════════════════════════════════ */

html.light {
  --bg-primary: #f4f4f8;
  --bg-secondary: #ffffff;
  --bg-card: rgba(0, 0, 0, 0.02);
  --bg-card-hover: rgba(0, 0, 0, 0.04);
  --bg-glass: rgba(0, 0, 0, 0.03);
  --bg-input: rgba(0, 0, 0, 0.04);
  --border-subtle: rgba(0, 0, 0, 0.08);
  --border-hover: rgba(0, 0, 0, 0.15);
  --text-primary: #1a1a2e;
  --text-secondary: #5a5a7a;
  --text-muted: #9999b0;
  --text-dim: #bbbbd0;
  --shadow-md: 0 4px 24px rgba(0,0,0,0.06);
}

html.light .bg-layer .orb { opacity: 0.3; }
html.light .bg-grid { mask-image: none; opacity: 0.15; }
html.light .log-viewer { background: rgba(0,0,0,0.03); }
html.light .code-editor { background: rgba(0,0,0,0.03); }