/* Theme controls; dark palette stays untouched. */
.site-header .theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:36px;padding:7px;border:0;border-radius:6px;background:transparent;color:var(--ds-text-secondary)}
.theme-toggle:hover{background:var(--ds-bg-tertiary);color:var(--ds-text-primary)}
.theme-toggle svg{width:18px;height:18px;flex:none}.theme-toggle .theme-moon{display:none}
:root[data-theme="light"] .theme-toggle .theme-sun{display:none}
:root[data-theme="light"] .theme-toggle .theme-moon{display:block}


@media(max-width:740px){.site-header .nav-inner{gap:10px}.site-header .theme-toggle{flex-basis:28px;width:28px;padding:5px}.site-header .login{gap:6px}}
@media(max-width:370px){.site-header .nav-inner{gap:7px}.site-header .brand{gap:7px}.site-header .login{padding:6px 0}.site-header .menu-toggle{gap:4px}}

@media print{.theme-toggle{display:none!important}}
/* DevSense UI light tokens. Slightly deeper purple and status text improve contrast on white. */
:root[data-theme="light"]{
 color-scheme:light;
 --ds-bg-primary:#fff;--ds-bg-secondary:#f6f8fa;--ds-bg-tertiary:#eaeef2;--ds-bg-canvas:#f0f3f6;
 --ds-border:#d0d7de;--ds-border-muted:#d8dee4;
 --ds-text-primary:#1f2328;--ds-text-secondary:#424a53;--ds-text-muted:#656d76;
 --ds-link:#0550ae;--ds-link-hover:#033d8b;--ds-accent-blue-subtle:rgb(37 99 235 / .1);
 --ds-accent-purple:#7c3aed;--ds-accent-purple-subtle:rgb(139 92 246 / .1);
 --ds-success:#1a7f37;--ds-success-subtle:rgb(26 127 55 / .1);
 --ds-warning:#9a6700;--ds-warning-subtle:rgb(154 103 0 / .1);
 --ds-danger:#cf222e;--ds-danger-subtle:rgb(207 34 46 / .1);--ds-info:#0550ae;
 --ds-shadow:0 1px 3px rgb(31 35 40 / .08);--ds-shadow-lg:0 8px 24px rgb(31 35 40 / .12);
 --red:var(--ds-danger);--red-bg:var(--ds-danger-subtle);--blue-h:#6d28d9;
}
:root[data-theme="light"] .site-header{background:rgb(255 255 255 / .94);box-shadow:0 4px 22px rgb(31 35 40 / .05)}
:root[data-theme="light"] .capture-hint{background:rgb(246 248 250 / .96)}
:root[data-theme="light"] .nav-dropdown{box-shadow:var(--ds-shadow-lg)}
:root[data-theme="light"] .nav-evaluate,:root[data-theme="light"] .btn-primary{color:#fff}
:root[data-theme="light"] .nav-evaluate:hover{background:#6d28d9}
/* Product screenshots remain authentic; no inversion or recoloring. */