/* Night palettes keep petrol and olive accents, with neutral charcoal surfaces. */
:root{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark;--ink:#e9eee8;--text:#bdc8c2;--muted:#a3b2aa;--white:#182224;--paper:#111b1d;--line:#34433f;--petrol:#a6d5c8;--olive:#bad395;--olive-tint:#29382c;--petrol-tint:#1c2b2c;--error:#ffb4a9}
[data-theme=dark] body{background:#131c1e}
[data-theme=dark] .skip-link{background:#23312f;color:#d6e9d4}
[data-theme=dark] .site-header{background:#172123;border-color:#354440}
[data-theme=dark] .site-header.scrolled{box-shadow:0 5px 24px #0003}
[data-theme=dark] .brand,[data-theme=dark] .demo-brand{color:#e4ede6}
[data-theme=dark] .brand>span,[data-theme=dark] .demo-brand>span{color:#afca8c}
[data-theme=dark] .main-nav{color:#c9d3cd}
[data-theme=dark] .button{background:#095751;border-color:#38766c;color:#f4f8f3}
[data-theme=dark] .button:hover{background:#106b61;border-color:#478c7e}
[data-theme=dark] .button-outline{background:transparent;border-color:#5a766b;color:#cce3d7}
[data-theme=dark] .button-outline:hover{background:#234a3f;border-color:#799786}
[data-theme=dark] .quiet-link{color:#b8d8c6;border-color:#698774}
[data-theme=dark] .announcement{background:#0e292a;color:#d4e0d5}














[data-theme=dark] .workspace-section{background:linear-gradient(130deg,#1b2a2b,#172224)}
[data-theme=dark] .workspace-demo{background:#202d2e;border-color:#40514a;box-shadow:0 24px 65px #0002}
[data-theme=dark] .demo-label{background:#354136;color:#d7e2cd}
[data-theme=dark] .overline{color:#b5c5ad}
[data-theme=dark] .demo-heading h3{color:#e3ecdf}
[data-theme=dark] .demo-avatar{background:#3b4b32;color:#d0e4b5}
[data-theme=dark] .demo-tabs button{background:transparent;color:#adbfb1}
[data-theme=dark] .demo-tabs button[aria-selected=true]{color:#d7e6ce;border-color:#a4c888}
[data-theme=dark] .demo-tabs button>span{background:#3b4936;color:#dce9d0}
[data-theme=dark] .demo-progress{background:#3b4a3d}
[data-theme=dark] .document-icon{color:#b1c8aa}
[data-theme=dark] .document-example>div>span{color:#adbeaf}
[data-theme=dark] .approved{background:#354c2e;color:#d0e9ae}
[data-theme=dark] .correction{background:#51402a;color:#f2d3a2}
[data-theme=dark] .pending{background:#394440;color:#d2ddd4}
[data-theme=dark] .needs-change{border-color:#6a593b}
[data-theme=dark] .correction-note{background:#382f23;color:#e7ceab}
[data-theme=dark] .demo-upload-hint{background:#2d3b32;color:#c2ceba}
[data-theme=dark] .demo-upload-hint strong{color:#d7e5cd}
[data-theme=dark] .demo-disclaimer{color:#aabeaa}
[data-theme=dark] .package-card{background:#1d2b2d;border-color:#40554c}
[data-theme=dark] .package-olive{background:#232d24;border-color:#4b5941}
[data-theme=dark] .package-card::before{background:#6aa89b}
[data-theme=dark] .package-olive::before{background:#8fa96d}
[data-theme=dark] .contact-section{background:radial-gradient(ellipse at 0% 30%,#29423655,transparent 75%),#101c20}
[data-theme=dark] .contact-card{background:#202c2e;border:1px solid #40504b;box-shadow:0 16px 40px #0002}
[data-theme=dark] legend{color:#e4eee0}
[data-theme=dark] .form-intro{color:#b5c3b7}
[data-theme=dark] .form-field .optional{color:#b5c1af}
[data-theme=dark] .form-field input,[data-theme=dark] .form-field textarea,[data-theme=dark] .form-field select{background:#162224;border-color:#536256;color:#edf4e9}
[data-theme=dark] .form-field input::placeholder,[data-theme=dark] .form-field textarea::placeholder{color:#a5b6a8}
[data-theme=dark] .form-demo-note{color:#b5c4b2}
[data-theme=dark] .site-footer{background:#141d1f}
[data-theme=dark] dialog{background:#202c2e}

[data-theme=dark] ::selection{background:#4b6851;color:#f4f9ec}

/* Panoramic night: subdued photography and petrol under charcoal headers. */
[data-theme=dark] .design-panoramic .panorama-shade{background:linear-gradient(90deg,#0d1d20f7 0%,#0d1d20ed 30%,#0d1d20a0 53%,#0d1d2038 90%)}
@media(max-width:700px){[data-theme=dark] .design-panoramic .panorama-shade{background:linear-gradient(90deg,#0d1d20f0 0%,#0d1d20d9 40%,#0d1d20bd),linear-gradient(0deg,#0d1d2055,transparent 65%)}}
[data-theme=dark] .design-panoramic .panorama-copy>.button{background:#d7e3c9;border-color:#d7e3c9;color:#173a31}
[data-theme=dark] .design-panoramic .panorama-copy>.button:hover{background:#eff4e4}
[data-theme=dark] .design-panoramic .panorama-slide-appointment{background:radial-gradient(ellipse at 95% 0%,#47603c55,transparent 65%),#142427}
[data-theme=dark] .design-panoramic .contact-section{background:radial-gradient(ellipse at 10% 0%,#1d463d55,transparent 75%),#101b1e}
[data-theme=dark] .design-panoramic .workspace-section{background:#172123}

/* Route night: paper becomes slate, with pale olive annotations. */

















/* Supplied vector identity, with its provided light/dark variants. */
.brand .brand-logo-light,.brand .brand-logo-dark { width:210px; height:auto; max-width:100%; }
.brand-logo-dark { display:none; }
[data-theme=dark] .brand-logo-light { display:none; }
[data-theme=dark] .brand-logo-dark { display:block; }
.demo-brand img { width:135px; height:auto; }
@media(max-width:370px) { .brand .brand-logo-light,.brand .brand-logo-dark { width:170px; } }

@media(max-width:370px) {
 .menu-toggle>span:first-child { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
}