/* 3.1: shared palette; photographs retain a dark overlay for legibility. */
html[data-ls-theme="dark"]{color-scheme:dark}
html[data-ls-theme="light"]{color-scheme:light;--bg:var(--ls-light-bg);--text:var(--ls-light-text);--muted:var(--ls-light-muted);--panel:var(--ls-light-panel);--gold:var(--ls-light-gold);--line:var(--ls-light-line)}
.site-header{background:var(--bg);border-color:var(--line)}
.ls-mode-toggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;padding:8px;order:3}
.ls-mode-icon{font-size:23px;line-height:1}.ls-mode-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ls-mode-toggle:hover{border-color:var(--gold);color:var(--gold)}
html[data-ls-theme="light"] .ls-section{--bg:var(--ls-light-bg);--text:var(--ls-light-text)!important;--muted:var(--ls-light-muted)!important;--gold:var(--ls-light-gold)!important;--ls-bg:var(--ls-light-bg)!important}
html[data-ls-theme="light"] .brand>span,html[data-ls-theme="light"] .footer-bottom,html[data-ls-theme="light"] .consent,html[data-ls-theme="light"] .form-panel label:not(.consent),html[data-ls-theme="light"] .entry-content ul,html[data-ls-theme="light"] .entry-content ol,html[data-ls-theme="light"] .service-number,html[data-ls-theme="light"] .demo-label,html[data-ls-theme="light"] .demo-explanation{color:var(--muted)}
html[data-ls-theme="light"] .service-card,html[data-ls-theme="light"] .review,html[data-ls-theme="light"] .form-panel,html[data-ls-theme="light"] .package,html[data-ls-theme="light"] .work-card,html[data-ls-theme="light"] .menu .sub-menu,html[data-ls-theme="light"] .entry-content pre{background:var(--panel);border-color:var(--line)}
html[data-ls-theme="light"] .process{background:var(--bg)}
html[data-ls-theme="light"] .process-grid article,html[data-ls-theme="light"] .text-link{border-color:var(--line)}
html[data-ls-theme="light"] .work-kind{color:var(--gold)}
html[data-ls-theme="light"] input:not([type=checkbox]):not([type=radio]):not([type=submit]),html[data-ls-theme="light"] textarea,html[data-ls-theme="light"] select{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-ls-theme="light"] input::placeholder,html[data-ls-theme="light"] textarea::placeholder{color:var(--muted)}
html[data-ls-theme="light"] .filter.active,html[data-ls-theme="light"] .filter:hover{background:var(--panel);border-color:var(--gold);color:var(--gold)}
html[data-ls-theme="light"] .button,html[data-ls-theme="light"] .comment-form .submit,html[data-ls-theme="light"] .skip-link:focus{color:var(--ls-light-button-text);background:var(--gold);border-color:var(--gold)}
html[data-ls-theme="light"] .button:hover{filter:brightness(.92)}
html[data-ls-theme="light"] .button-outline{background:transparent;color:var(--gold)}
html[data-ls-theme="light"] .button-outline:hover{background:var(--panel)}
html[data-ls-theme="light"] ::selection{background:var(--gold);color:var(--ls-light-button-text)}
/* Image-backed areas use a consistent readable photographic treatment in both modes. */
html[data-ls-theme="light"] .hero,html[data-ls-theme="light"] .turnkey{color:#f3eee5;--text:#f3eee5;--muted:#ded8ce;--gold:#f4b45e;background-color:#101110}
html[data-ls-theme="light"] .hero .button,html[data-ls-theme="light"] .turnkey .button{color:#15130f}
html[data-ls-theme="light"] .hero .button-outline,html[data-ls-theme="light"] .turnkey .button-outline{color:#f3eee5;border-color:#c5bba9;background:transparent}
html[data-ls-theme="light"] .ls-no-image .hero{background:#101110!important}
html[data-ls-theme="light"] .demo-cover,html[data-ls-theme="light"] .cover-open,html[data-ls-theme="light"] .image-label{color:#fff6dc}
@media(max-width:1180px){.ls-mode-toggle:not([hidden]){order:0;margin-left:auto}.nav-ready .menu-toggle{margin-left:0}.header-inner nav{order:4}html[data-ls-theme="light"] .menu .sub-menu{background:transparent}html[data-ls-theme="light"] .menu .sub-menu a{color:var(--muted)}}
@media(max-width:480px){.header-inner{gap:10px}.brand{flex-shrink:1;min-width:0;max-width:calc(100% - 108px)}.brand-name{font-size:17px;overflow-wrap:anywhere}.brand>span{font-size:8px;letter-spacing:0}.ls-mode-toggle:not([hidden]){width:40px;height:40px}.menu-toggle{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}