/* Theme applies to the website shell; PDF paper previews intentionally stay white. */
:root{color-scheme:light;--section-surface:#fff;--section-border:#eef0f6;--pill-surface:#f4f6fb;--pill-border:#e6eaf4;--pill-ink:#536078}
.theme-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px;border:1px solid #d5ddeb;border-radius:10px;background:#fff;color:#34445f}.theme-toggle:hover{background:#eaf0ff}.theme-toggle svg{width:22px;height:22px}.theme-icon-sun{display:none}.theme-toggle:disabled{cursor:default}
:root[data-theme=dark]{--paper:#10151f;--ink:#eef3fd;--muted:#b5c0d3;--blue:#98b3ff;--border:#303b4e;--teal:#56d1c2;--purple:#bc9ce8;--section-surface:#151d2a;--section-border:#303b4e;--pill-surface:#25334c;--pill-border:#41577a;--pill-ink:#c4d4ef;color-scheme:dark}
[data-theme=dark] .theme-icon-moon{display:none}[data-theme=dark] .theme-icon-sun{display:block}
[data-theme=dark] .header nav,[data-theme=dark] .menu-toggle,[data-theme=dark] .principles,[data-theme=dark] .check-list li,[data-theme=dark] .plan li,[data-theme=dark] .topic-card p,[data-theme=dark] .breadcrumbs,[data-theme=dark] .topic-intro>p,[data-theme=dark] .topic-steps p,[data-theme=dark] #tool-results,[data-theme=dark] .topic-demo-note{color:#b5c0d3}
[data-theme=dark] .micro,[data-theme=dark] .demo-caption,[data-theme=dark] .plan-label,[data-theme=dark] .catalogue-index,[data-theme=dark] .topic-card-label,[data-theme=dark] .footer p,[data-theme=dark] .footer>span,[data-theme=dark] .roadmap-label,[data-theme=dark] .roadmap-footnote{color:#a4b3cc}
[data-theme=dark] .nav-tools>div,[data-theme=dark] #mobile-nav,[data-theme=dark] .skip,[data-theme=dark] .topic-card,[data-theme=dark] .plan,[data-theme=dark] .consent-panel{background:#1a2231;border-color:#354259;color:#eef3fd}
[data-theme=dark] .nav-tools a:hover,[data-theme=dark] .theme-toggle:hover,[data-theme=dark] .plan-button:hover{background:#2a3955}
[data-theme=dark] .nav-cta,[data-theme=dark] .theme-toggle{background:#1a2231;border-color:#3b4962;color:#d3def1}
[data-theme=dark] .language-switch{background:#243046}[data-theme=dark] .language-switch a{color:#b7c8e5}[data-theme=dark] .language-switch a[aria-current=true]{background:#3a4c6d;color:#fff;box-shadow:none}
[data-theme=dark] .story-visual,[data-theme=dark] .local-symbol{background:#1b263b}[data-theme=dark] .sheet-shadow{background:#3b4967}[data-theme=dark] .release-section,[data-theme=dark] .plan-pro{background:#1c2942;border-color:#3b517a}
[data-theme=dark] .orb-blue{background:#234582;opacity:.35}[data-theme=dark] .orb-teal{background:#1c716a;opacity:.25}
[data-theme=dark] .primary{background:#456be1;color:#fff}[data-theme=dark] .primary:hover{background:#537cf3}
[data-theme=dark] .plan-button{background:#263753;color:#d6e3ff;border-color:#475e84}[data-theme=dark] .topic-card:hover{border-color:#839fe6;box-shadow:0 12px 35px #0003}
[data-theme=dark] .consent-panel a,[data-theme=dark] .cookie-settings,[data-theme=dark] .footer p a,[data-theme=dark] .breadcrumbs a,[data-theme=dark] .topic-steps li>span,[data-theme=dark] .topic-card:hover h3,[data-theme=dark] .footer-topics a:hover{color:#a8bfff}
[data-theme=dark] .consent-actions button{background:#283957;border-color:#9ab5ff;color:#e2ebff}[data-theme=dark] .consent-actions button:hover{background:#374f78}
[data-theme=dark] .tool-search input{background:#1a2231;color:#eef3fd;border-color:#50617f}[data-theme=dark] .tool-search input::placeholder{color:#a8b7d1}
[data-theme=dark] .field-types>span{background:#23304a;border-color:#405274;color:#c4d4ef}[data-theme=dark] .roadmap-label{border-color:#405274}
/* Keep document canvases readable as paper, independently of site appearance. */
[data-theme=dark] .paper,[data-theme=dark] .large-form,[data-theme=dark] .merge-thumb,[data-theme=dark] .demo-sheet{color-scheme:light;color:#253149}
[data-theme=dark] .paper .editable-line,[data-theme=dark] .text-demo-sample,[data-theme=dark] .large-form .doc-mark{color:#325dea}
[data-theme=dark] .paper .editable-line,[data-theme=dark] .paper .handle{border-color:#325dea}
[data-theme=dark] .form-paper label span,[data-theme=dark] .form-example>span b{color:#325dea}
[data-theme=dark] .workflow-links a{color:#325dea}
[data-theme=dark] .demo-sheet .button.primary{background:#325dea;color:white}
@media(max-width:1100px){.header{gap:18px}}
@media(max-width:600px){.header{gap:6px}.theme-toggle{width:36px;height:36px;padding:7px}.theme-toggle svg{width:20px;height:20px}.language-switch{margin-right:0}.header .brand img{width:28px;height:28px}.header .brand span{font-size:19px}.header .brand small{font-size:10px}.language-switch a{font-size:11px;padding:8px 6px}.menu-toggle{font-size:22px}}
[data-theme=dark] .check-example span{background:#325dea;color:#fff}