/* Version 36 | Premium Light/Dark system | source stylesheets preserved. */
:root{--theme-bg:#fff;--theme-surface:#f9f8f6;--theme-card:#fff;--theme-text:#101012;--theme-muted:#646365;--theme-stroke:#e9e7e4;--theme-hero:#f9f8f6;--theme-panel:#f3f1ec;--theme-shadow:0 12px 36px rgba(0,0,0,.06)}
html[data-theme="dark"]{color-scheme:dark;--ink:#f6f4f2;--muted:#b8b4b9;--line:#39363c;--paper:#171719;--cream:#202024;--white:#101012;--red:#fc5b3a;--theme-bg:#101012;--theme-surface:#171719;--theme-card:#202024;--theme-text:#f6f4f2;--theme-muted:#b8b4b9;--theme-stroke:#39363c;--theme-hero:#171719;--theme-panel:#202024;--theme-shadow:0 12px 42px rgba(0,0,0,.3)}
/* Visible, accessible navigation toggle outside the collapsible menu. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;padding:0;margin-left:2px;border:1px solid #d7d3d3;border-radius:22px;color:#242229;background:#f7f5f3;transition:background-color .2s,border-color .2s,color .2s;cursor:pointer;position:relative;z-index:10}
.theme-toggle:hover{border-color:#fc3b14;background:#fff0eb}
.theme-toggle:focus-visible{outline:3px solid #fe750f;outline-offset:3px}
.theme-toggle svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-icon-sun{display:none}html[data-theme="dark"] .theme-icon-moon{display:none}html[data-theme="dark"] .theme-icon-sun{display:block}
html[data-theme="dark"] .theme-toggle{background:#242328;color:#f8f4ef;border-color:#51494a}
html[data-theme="dark"] .theme-toggle:hover{background:#3b3033;border-color:#fc7545}
@media(max-width:1250px){.nav-shell{gap:16px!important}.nav-links{gap:17px!important}.theme-toggle{margin-left:0}}
@media(max-width:980px){.theme-toggle{order:2;flex:0 0 39px;height:39px}.mobile-toggle{order:3!important;margin-left:0!important}.header-cta{order:4!important}.nav-shell{gap:9px!important}.brand{margin-right:auto}.nav-links{order:5}}
@media(max-width:440px){.theme-toggle{flex-basis:36px;height:36px}.nav-shell{gap:5px!important}.theme-toggle svg{width:16px;height:16px}}
/* Apply the same switch in standalone Apache error pages. */
.err-theme-toggle{flex-shrink:0}
/* Existing V35 light-theme rules remain authoritative. */
html[data-theme="dark"] body{background:#101012;color:#f6f4f2}
html[data-theme="dark"] p,html[data-theme="dark"] .lead,html[data-theme="dark"] .hero-lead{color:#c8c3c9}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .section-label,html[data-theme="dark"] .section-mini,html[data-theme="dark"] .breadcrumbs,html[data-theme="dark"] .all-genres-note{color:#c9bfc4}
html[data-theme="dark"] .site-header{background:rgba(18,18,20,.96);border-color:#39363c}
html[data-theme="dark"] .nav-links{color:#f6f4f2}
html[data-theme="dark"] .brand-switch-link{color:#ff8360!important;border-color:#54444a!important}
html[data-theme="dark"] .drop-panel{background:#202024;border-color:#474147;color:#f6f4f2;box-shadow:0 20px 60px #0008}
html[data-theme="dark"] .drop-panel a:hover{background:#383136}
html[data-theme="dark"] .header-cta{background:#f6f4f2;color:#101012}
html[data-theme="dark"] .header-cta:hover{background:#fe750f;color:#101012}
html[data-theme="dark"] .mobile-toggle{color:#f6f4f2}
html[data-theme="dark"] .hamburger,html[data-theme="dark"] .hamburger:before,html[data-theme="dark"] .hamburger:after{background:#f6f4f2}
html[data-theme="dark"] .hero,html[data-theme="dark"] .genre-hero,html[data-theme="dark"] .service-hero,html[data-theme="dark"] .v20-hero{background:#171719}
html[data-theme="dark"] .v20-hero:before,html[data-theme="dark"] .v20-hero:after{background-color:transparent}
html[data-theme="dark"] .hero-bottom{border-color:#39363c;color:#bab5bc}
html[data-theme="dark"] .genre-showcase,html[data-theme="dark"] .contact-section,html[data-theme="dark"] .applications,html[data-theme="dark"] .technical-specifications,html[data-theme="dark"] .consult-hero,html[data-theme="dark"] .consult-audience,html[data-theme="dark"] .consult-steps,html[data-theme="dark"] .testimonials-section{background:#101012;color:#f6f4f2}
html[data-theme="dark"] .about-section,html[data-theme="dark"] .faq-section,html[data-theme="dark"] .genre-faq,html[data-theme="dark"] .approaches-section,html[data-theme="dark"] .clients-showcase,html[data-theme="dark"] .partners-showcase,html[data-theme="dark"] .demo-packages,html[data-theme="dark"] .consult-topics,html[data-theme="dark"] .consult-disclaimer,html[data-theme="dark"] .privacy-company-section{background:#171719;color:#f6f4f2}
html[data-theme="dark"] .cross-note,html[data-theme="dark"] .detail-feature,html[data-theme="dark"] .audition-inline,html[data-theme="dark"] .services-brief-summary,html[data-theme="dark"] .genre-applications{background:#202024;color:#f6f4f2}
html[data-theme="dark"] .genre-card,html[data-theme="dark"] .partner-card,html[data-theme="dark"] .spec-card,html[data-theme="dark"] .package-card,html[data-theme="dark"] .consult-topic,html[data-theme="dark"] .testimonial-card,html[data-theme="dark"] .privacy-company-item,html[data-theme="dark"] .privacy-accordion-item,html[data-theme="dark"] .contact-form,html[data-theme="dark"] .rate-alert{background:#202024;border-color:#494149;color:#f6f4f2;box-shadow:var(--theme-shadow)}
html[data-theme="dark"] .genre-card:hover,html[data-theme="dark"] .privacy-accordion-trigger:hover{background:#302a2e}
html[data-theme="dark"] .genre-chip,html[data-theme="dark"] .about-stamp,html[data-theme="dark"] .portrait-tag{background:#302a2e;border-color:#50454c;color:#f6f4f2}
html[data-theme="dark"] .genre-card p,html[data-theme="dark"] .genre-applications p,html[data-theme="dark"] .consult-section-intro>p,html[data-theme="dark"] .testimonial-heading p,html[data-theme="dark"] .testimonials-heading p,html[data-theme="dark"] .privacy-company-intro,html[data-theme="dark"] .privacy-policy-content p,html[data-theme="dark"] .privacy-policy-content ul,html[data-theme="dark"] .rate-expand ul,html[data-theme="dark"] .consult-hero .consult-summary,html[data-theme="dark"] .package-price small,html[data-theme="dark"] .contact-note{color:#c4bec5}
html[data-theme="dark"] .testimonial-name,html[data-theme="dark"] .partner-person,html[data-theme="dark"] .package-price,html[data-theme="dark"] .privacy-company-section h2,html[data-theme="dark"] .privacy-policy-content .privacy-accordion-heading,html[data-theme="dark"] .consult-page{color:#f6f4f2}
html[data-theme="dark"] .privacy-accordion-trigger,html[data-theme="dark"] .privacy-accordion-item[open]>.privacy-accordion-trigger{background:#252328;color:#f6f4f2;border-color:#494149}
html[data-theme="dark"] .privacy-accordion-toggle{background:#3c3033;color:#ff906e;border-color:#6b4748}
html[data-theme="dark"] .rate-table td,html[data-theme="dark"] .hero-bottom,html[data-theme="dark"] .fact-row{border-color:#4b4349}
html[data-theme="dark"] .rate-table th{background:#302a30;color:#f6f4f2}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#27272b;color:#f6f4f2;border-color:#5c5259}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:#aba3ac}
html[data-theme="dark"] .button.ghost,html[data-theme="dark"] .consult-actions .consult-ghost{color:#f6f4f2;border-color:#665e65;background:#29272b}
html[data-theme="dark"] .button.light{background:#f6f4f2;color:#151315}
html[data-theme="dark"] .client-logo-wrap,html[data-theme="dark"] .spec-card.has-spec-image .spec-image-wrap{background:#fff}
html[data-theme="dark"] .footer-brand{background:#eeeae6;color:#181719}
/* Explicitly retain photographic art colour: only swapped hero assets change. */
html[data-theme="dark"] .service-hero-visual::before,html[data-theme="dark"] .genre-hero-visual::before{background:linear-gradient(90deg,#171719 0%,rgba(23,23,25,.74) 14%,transparent 54%)}
html[data-theme="dark"] .v20-hero-art{filter:none}
/* Responsive navigation: theme switch remains visible next to hamburger. */
@media(max-width:1050px){html[data-theme="dark"] .nav-links{background:#202024;border-color:#494149}}
/* Conserve low-motion preference. */
@media(prefers-reduced-motion:no-preference){.theme-toggle,html[data-theme="dark"] .site-header,html[data-theme="dark"] .nav-links,html[data-theme="dark"] .drop-panel{transition:background-color .2s ease,color .2s ease,border-color .2s ease}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}
/* Final contrast corrections for V20 desktop overlay and tight mobile navigation. */
html[data-theme="dark"] .v20-hero::before{background:linear-gradient(90deg,#171719 0%,rgba(23,23,25,.95) 31%,rgba(23,23,25,.63) 51%,transparent 85%)}
html[data-theme="dark"] .hamburger{background:transparent!important;color:#f6f4f2;border-color:currentColor}
html[data-theme="dark"] .hamburger:after{background:transparent;border-color:currentColor}
@media(max-width:980px){html[data-theme="dark"] .v20-hero::before{display:none}}
@media(max-width:520px){
 .nav-shell{padding-inline:15px!important;gap:5px!important}
 .nav-shell .brand,.nav-shell .bigmouth-brand{flex:0 1 150px!important;min-width:0!important}
 .nav-shell .brand img{max-width:100%;height:auto}
 .nav-shell .header-cta{padding-inline:9px!important;font-size:9px!important;white-space:nowrap}
 .nav-shell .mobile-toggle{padding:4px!important;flex-shrink:0!important}
 .nav-shell .theme-toggle{flex:0 0 35px!important;width:35px;height:35px}
}
/* Secondary content surfaces and small type. */
html[data-theme="dark"] .clients{background:#171719;color:#f6f4f2}
html[data-theme="dark"] .faq-list,html[data-theme="dark"] .faq-list details{border-color:#454047}
html[data-theme="dark"] .rate-table small{color:#beb5bf}
html[data-theme="dark"] .rate-expand summary{color:#ff9b72;border-color:#a95d46}
html[data-theme="dark"] .privacy-company-section{border-color:#39363c}
html[data-theme="dark"] .consult-disclaimer,html[data-theme="dark"] .consult-disclaimer p{color:#c6c0c7}
html[data-theme="dark"] .nav-consult-link{color:#ff7353!important}
html[data-theme="dark"] .services-brief-summary,html[data-theme="dark"] .genre-applications{border-color:#4f454b}
