/* ════════════════════════════════════════════════════
   LIGHT THEME — jasperbernaers.com
   Toggled via body.light class
════════════════════════════════════════════════════ */
body.light{
  --bg:#f4f6f8;--bg2:#ffffff;--bg3:#eaecef;--border:#d0d7de;
  --green:#00875a;--cyan:#0369a1;--yellow:#b45309;--orange:#c2410c;
  --red:#dc2626;--purple:#7c3aed;--white:#1a1a2e;--dim:#57606a;
  --dim2:#e8ecf0;
  background:var(--bg);
}
html.light{background:var(--bg)}
body.light::before{background:none}
body.light::after{background:none}
body.light .scanline{display:none}

/* Topbar & Footer */
body.light #topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
body.light .topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom-color:var(--border)}
body.light .tp-path{color:var(--dim)}
body.light .tp-path span{color:var(--cyan)}
body.light .tp-back{color:var(--dim)}
body.light .tp-back:hover{color:var(--cyan)}
body.light #footer{background:var(--bg2)}

/* Panels & Cards */
body.light .panel{background:rgba(255,255,255,.9);backdrop-filter:blur(4px)}
body.light .card{background:var(--bg2)}
body.light .faq-item{background:var(--bg2)}

/* Inputs */
body.light input[type=text],body.light input[type=number],body.light input[type=email],
body.light input[type=password],body.light textarea,body.light select{
  background:var(--bg2);color:var(--white);
}
body.light select option{background:var(--bg2)}

/* Dropzone */
body.light .dropzone:hover,body.light .dropzone.drag-over{background:rgba(0,135,90,.04)}

/* Rows */
body.light .row:hover{background:var(--dim2)}

/* Toast */
body.light .toast{background:var(--bg2)}

/* Code blocks */
body.light pre,body.light code{background:var(--bg3)}

/* Stats bar */
body.light .stats-bar{background:var(--bg2)}

/* Toggle switch */
body.light .toggle-slider{background:var(--dim2)}

/* Generic overrides for common page patterns */
body.light .cc{background:var(--bg2)}
body.light .cc .cc-glow{opacity:.06}
body.light .voyager-card{background:var(--bg2)}
body.light .planet-card{background:var(--bg2)}
body.light .light-comp{background:var(--bg2)}
body.light .deep-fact{background:var(--bg2)}
body.light .process-row{border-color:var(--border)}
body.light .weight-input{background:var(--bg2);color:var(--green)}

/* Sensor cards, stat cards, misc backgrounds */
body.light .sensor-card,
body.light .stat-card,
body.light .hero-stat,
body.light .launch-card,
body.light .tool-card,
body.light .bmc-card{background:var(--bg2)}

/* Canvas backgrounds hidden in light */
body.light #starfield{display:none}

/* App rows (apps page) */
body.light .app-row:hover{background:var(--dim2)}

/* Tab bar */
body.light #tabs{background:var(--bg2)}

/* Article pages */
body.light .article-title{color:var(--white)}
body.light .article-title em{color:var(--green)}
body.light .meta-tag{border-color:var(--border)}
body.light .dots .dot.r{background:#ff5f57}
body.light .dots .dot.y{background:#ffbd2e}
body.light .dots .dot.g{background:#28c840}

/* Theme toggle button itself */
#theme-toggle{
  background:none;border:1px solid var(--border);
  color:var(--dim);font-family:var(--font);font-size:.62rem;
  padding:.2rem .5rem;border-radius:3px;cursor:pointer;
  transition:all .15s;white-space:nowrap;
}
#theme-toggle:hover{color:var(--green);border-color:var(--green)}