html[data-theme="dark"]{color-scheme:dark;--bg:#101d2b;--surface:#172838;--surface-2:#203447;--ink:#eaf2f8;--muted:#acbdca;--line:#344a5b;--primary:#98b8d0;--primary-deep:#acd0e9;--primary-soft:#253f54;--deep:#acd0e9;--dark:#0d1926;--shadow:0 24px 70px rgba(0,0,0,.25)}
html[data-theme="dark"] .theme-control select{background-color:var(--surface)}
/* Homepage */
html[data-theme="dark"] .hero{background:linear-gradient(180deg,#15283a,#101d2b)}
html[data-theme="dark"] .soft-section,html[data-theme="dark"] .system.dark-section{background:linear-gradient(180deg,#182b3d,#101d2b);color:var(--ink)}
html[data-theme="dark"] .site-header.scrolled{background:rgba(16,29,43,.94);border-bottom-color:var(--line)}
html[data-theme="dark"] .desktop-nav,html[data-theme="dark"] .site-footer .footer-contact,html[data-theme="dark"] .site-footer .footer-links,html[data-theme="dark"] .check-list li{color:var(--muted)}
html[data-theme="dark"] .mobile-nav{background:#172838}
html[data-theme="dark"] .mobile-nav a:hover{background:#263e52}
html[data-theme="dark"] .service-card,html[data-theme="dark"] .reference-card,html[data-theme="dark"] .form-shell,html[data-theme="dark"] .system .process-card,html[data-theme="dark"] .system .manifesto{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme="dark"] .system .system-intro h2 span,html[data-theme="dark"] .system .system-intro strong,html[data-theme="dark"] .system .process-card h3,html[data-theme="dark"] .system .manifesto h3{color:var(--ink)}
html[data-theme="dark"] .system .system-intro p,html[data-theme="dark"] .system .process-card p,html[data-theme="dark"] .system .manifesto p{color:var(--muted)}
html[data-theme="dark"] .system .manifesto-line{color:var(--primary-deep)!important}
html[data-theme="dark"] .browser-card,html[data-theme="dark"] .metric{background:#1c3042;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .browser-top,html[data-theme="dark"] .times span{background:#263c4e;color:var(--muted);border-color:var(--line)}
html[data-theme="dark"] .mock-nav{border-color:var(--line)}
html[data-theme="dark"] .phone-card{background:#1c3042;color:var(--ink)}
html[data-theme="dark"] .calendar-title,html[data-theme="dark"] .mock-links,html[data-theme="dark"] .metric-label,html[data-theme="dark"] .tags{color:var(--muted)}
html[data-theme="dark"] .lead-form label{color:var(--ink)}
html[data-theme="dark"] .lead-form input,html[data-theme="dark"] .lead-form select{background:#112334;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .site-footer{background:#101d2b;color:var(--ink)}
html[data-theme="dark"] .site-footer .footer-brand .brand-name{color:var(--ink)}
html[data-theme="dark"] .cookie-dialog{background:var(--surface);color:var(--ink)}
html[data-theme="dark"] .dialog-close{background:#263c4e;color:var(--ink)}
html[data-theme="dark"] .skip-link{background:var(--surface);color:var(--ink)}
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .mock-btn,html[data-theme="dark"] .phone-button{background:#547fa2;color:#fff}
html[data-theme="dark"] .btn-ghost{background:#243a4c;border-color:var(--line);color:var(--ink)}
/* Articles and legal pages */
html[data-theme="dark"] .header{background:#142536;border-color:var(--line)}
html[data-theme="dark"] .nav,html[data-theme="dark"] .lead,html[data-theme="dark"] .article p,html[data-theme="dark"] .article li,html[data-theme="dark"] .card p,html[data-theme="dark"] .legal-block p{color:var(--muted)}
html[data-theme="dark"] .hero{border-color:var(--line)}
html[data-theme="dark"] .card,html[data-theme="dark"] .legal-block{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .footer{background:#0c1825}
html[data-theme="dark"] .mobile-menu nav{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .mobile-menu nav a:hover,html[data-theme="dark"] .mobile-menu nav a:focus-visible{background:var(--surface-2)}
html[data-theme="dark"] .menu-icon i{background:var(--ink)}
html[data-theme="dark"] .notice{background:#20394d;color:var(--ink)}
html[data-theme="dark"] .cta .pill,html[data-theme="dark"] .nav .pill{background:#547fa2;color:#fff}
/* Privacy page uses its own markup. */
html[data-theme="dark"] body.privacy-page{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .privacy-page header,html[data-theme="dark"] .privacy-page section{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .privacy-page .status{background:#20394d;color:var(--ink)}
html[data-theme="dark"] .privacy-page .intro{color:var(--muted)}
html[data-theme="dark"] .privacy-page a{color:var(--primary-deep)}
html[data-theme="dark"] .privacy-page .brand{color:var(--ink)}
html[data-theme="dark"] .privacy-page .brand b{color:#e5747b}
html[data-theme="dark"] .privacy-page .brand small{color:var(--muted)}
html[data-theme="dark"] .privacy-page .eyebrow{color:var(--primary-deep)}

/* Compact, shared appearance control. */
.theme-control{display:inline-flex;align-items:center;gap:10px;flex:none;white-space:nowrap}
.theme-caption{color:var(--muted,#68788a);font:400 11px/1.2 Poppins,system-ui,sans-serif;letter-spacing:.015em}
.theme-segments{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line,#dfe8ee);border-radius:999px;background:var(--surface-2,#f2f7fa)}
.theme-option{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted,#68788a);cursor:pointer;transition:background .15s,color .15s}
.theme-option svg{display:block;width:16px;height:16px;max-width:16px;flex:none;pointer-events:none}
.theme-option:hover{color:var(--ink,#14243a);background:rgba(85,124,159,.1)}
.theme-option[aria-pressed="true"]{background:var(--surface,#fff);color:var(--primary-deep,#2f587b);box-shadow:0 1px 5px rgba(21,43,60,.12)}
.theme-option:focus-visible{outline:2px solid var(--primary,#557c9f);outline-offset:2px}
html[data-theme="dark"] .brand-accent{color:#e5747b}
@media(max-width:430px){.theme-control{justify-content:flex-end;gap:9px}.theme-caption{font-size:10px}.theme-option{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.theme-option{transition:none}}