/* Black canvas with the original warm cards, sage illustrations, and green bands. */
:root{background:#000;color-scheme:dark;--canvas-text:#f6f5f0;--canvas-muted:#bec6b6;--canvas-line:#343d30}
body{background:#000;color:var(--canvas-text)}
.site-header,.site-footer{background:#000;color:var(--canvas-text);border-color:var(--canvas-line)}
.hub-footer{border-color:var(--canvas-line)}
.brand-caption,.eyebrow,.hero-note,.hub-intro,.hero-description,.collection-heading>p,.collection-note,.lead,.document-meta,.document-aside,.back-link,.contact-copy>p,.footer-wrap p,.footer-wrap>small{color:var(--canvas-muted)}
.hub-hero h1>span,.soft-heading{color:#b3bfa7}
.collection-heading,.document-aside,.step{border-color:var(--canvas-line)}
.text-link{border-color:#8e9b82}
.text-link:hover,.desktop-nav a:hover,.footer-links a:hover,.back-link:hover,.document-aside a:hover{color:#dce5d4;border-color:#b3bfa7}
.button:not(.button-light){background:#dce5d4;border-color:#dce5d4;color:#171916}
.button:not(.button-light):hover{background:#e9eddf;border-color:#e9eddf;color:#171916}
.step p,.section-heading>p,.faq-heading>p:not(.eyebrow),.faq-list details>p,.prose p,.prose li,.prose details>p,.prose small,.prose .muted,.muted{color:var(--canvas-muted)}
.faq-list details,.prose details{border-color:var(--canvas-line)}
.prose a:not(.button),.document-page>p a:not(.button),.contact-email,.contact-footnote a{color:#dce5d4}
.contact-email{border-color:#8e9b82}
.demo-caption{color:#b4bdac}
.demo-caption button{color:#dce5d4}
.demo-caption button:disabled{color:#a7ad9e}

/* Light surfaces retain dark text and the established palette. */
.featured-app,.project-card,.principles-strip,.closing-section,.callout,.notice,.download-panel,.arrival-notification{color:#171916;color-scheme:light}
.featured-app .button,.closing-section .button,.callout .button,.notice .button,.download-panel .button{background:#171916;border-color:#171916;color:#fff}
.featured-app .button:hover,.closing-section .button:hover,.callout .button:hover,.notice .button:hover,.download-panel .button:hover{background:#343d30;border-color:#343d30;color:#fff}
.featured-app .text-link{color:#3d6635;border-color:#858a7d}
.featured-app .text-link:hover{color:#314d27;border-color:#507143}
.project-card .project-description,.project-notes>p{color:#666a60}
.closing-section .eyebrow{color:#68765b}
.prose .callout p,.prose .callout li,.prose .notice p,.prose .notice li,.prose .download-panel p,.prose .download-panel li,.callout p,.notice p,.download-panel p{color:#575f50}
.prose .callout a:not(.button),.prose .notice a:not(.button),.prose .download-panel a:not(.button){color:#3d6635}
.power-panel{color-scheme:light}

/* Retain the sage hue with sufficient contrast for small labels. */
.feature-facts{color:#5e6956}