/* Brand colours stay constant. These tokens describe the surfaces they sit on. */
:root{--page:#F4F1EC;--panel:#FFFCF8;--panel-hover:#FFF9F4;--panel-soft:#F0EDE7;--ink:#1F1F1F;--muted:#555555;--heading:#0D1B3D;--link:#B54700;--edge:#CEC8BE;color-scheme:light}
html[data-color-theme=dark]{--page:#081229;--panel:#0D1B3D;--panel-hover:#0D1B3D;--panel-soft:#0D1B3D;--ink:#E6EAF2;--muted:#B7C2D8;--heading:#FFFFFF;--link:#FFAB70;--edge:#FFFFFF30;--slate:#E6EAF2;--slate-soft:#B7C2D8;--gray:#0D1B3D;--line:#FFFFFF30;color-scheme:dark}
body{background:var(--page);color:var(--ink)}
main{background:var(--page)}
h1,h2,h3,h4{color:var(--heading)}
.legal-head .wrap{gap:12px}
.theme-toggle{display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;min-height:44px;padding:10px;border:1px solid #FFFFFF50;border-radius:50%;background:transparent;color:#FFFFFF;cursor:pointer;margin-left:8px}
.theme-toggle svg{width:20px;height:20px}
.theme-sun{display:none}
html[data-color-theme=dark] .theme-sun{display:block}
html[data-color-theme=dark] .theme-moon{display:none}
.theme-toggle:hover{background:#FFFFFF18}
.theme-toggle:focus-visible{outline:2px solid #FFAB70;outline-offset:4px}
.theme-standalone{position:absolute;top:16px;right:16px;z-index:60;background:var(--panel);border-color:var(--edge);color:var(--ink)}
.workflow,.faq-section,.guides-section{background:var(--panel-soft);border-color:var(--edge)}
.feature-card,.guide-card,.form,.bl-item,.nf-card{background:var(--panel);border-color:var(--edge);color:var(--ink)}
.practical,.role-flow,.svc-soon,.summary,.callout,.post-key,.post-more,.bl-cadence{background:var(--panel-soft);border-color:var(--edge);color:var(--ink)}
.feature-card p,.guide-card p,.section-head>p,.faq-grid .a,.privacy,.svc-shot figcaption,.legal-meta,.bl-item p,.cmp-note,.nf-card span{color:var(--muted)}
.guide-card h3,.bl-item h2,.nf-card strong,.nf-card b,.cmp tbody th,.role-flow{color:var(--heading)}
.toc a,.eyebrow,.text-link,.card-number,.card-link,.guide-topic,.guide-read,.related-links a,.doc a,.post a,.post-date,.bl-date,.cmp .yes,.nf-code,.privacy a{color:var(--link)}
.guide-topic>span{color:var(--muted)}
input,select,textarea{background:var(--panel);color:var(--ink);border-color:#7B8493}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.field label{color:var(--ink)}
.req{color:var(--link)}
.form-msg.ok{color:#176438}.form-msg.bad{color:#A42828}
.hardware-grid .hw-card img{background:var(--panel-soft)}
.doc th,.cmp tbody tr:nth-child(even){background:var(--panel-soft)}
.post code{background:var(--panel-soft);color:var(--ink)}
.brand-story h2,.brand-story .eyebrow,.svc-cta h2{color:#FFFFFF}
.brand-story .brand-card h3{color:#FF9B53}
html[data-color-theme=dark] .form-msg.ok{color:#A4D9B5}
html[data-color-theme=dark] .form-msg.bad{color:#FFB4AE}
html[data-color-theme=dark] .egdata{color:#FFAB70;background:#081229}
html[data-color-theme=dark] .hero{background:#081229}
html[data-color-theme=dark] .workflow{background:linear-gradient(#0D1B3D,#081229)}
html[data-color-theme=dark] .guides-section{background:#0D1B3D}
html[data-color-theme=dark] .guide-card{background:#081229}
html[data-color-theme=dark] .faq-section{background:#081229}
html[data-color-theme=dark] #contact{background:#0D1B3D}
html[data-color-theme=dark] .form{background:#081229}
html[data-color-theme=dark] .feature-card:hover,html[data-color-theme=dark] .guide-card:hover{border-color:#FFAB70}
html[data-color-theme=dark] .feature-hero .motion-control{color:var(--muted)}
html[data-color-theme=light] .legal-head{background:#F4F1EC;color:#0D1B3D;border-bottom:1px solid #CEC8BE;backdrop-filter:none}
html[data-color-theme=light] .lockup .word,html[data-color-theme=light] .legal-head nav a{color:#0D1B3D}
html[data-color-theme=light] .lockup g:not(:nth-child(2)) rect{stroke:#0D1B3D}
html[data-color-theme=light] .legal-head nav a:hover{background:#0D1B3D0D}
html[data-color-theme=light] .product-links{background:#FFFCF8;border-color:#CEC8BE}
html[data-color-theme=light] .theme-toggle{color:#0D1B3D;border-color:#8E959F}
html[data-color-theme=light] .theme-toggle:hover{background:#0D1B3D0D}
html[data-color-theme=light] .theme-toggle:focus-visible{outline-color:#B54700}
html[data-color-theme=light] .hero,html[data-color-theme=light].halloween .hero{background:radial-gradient(ellipse at 90% 15%,#FF6A0012,transparent 60%),#F4F1EC;color:#0D1B3D}
html[data-color-theme=light] .hero h1,html[data-color-theme=light] .hero h1 .hero-prefix{color:#0D1B3D}
html[data-color-theme=light] .hero h1 .hero-benefit{color:#B54700}
html[data-color-theme=light] .hero .eyebrow{color:#B54700}
html[data-color-theme=light] .hero-lead,html[data-color-theme=light] .hero-note{color:#555555}
html[data-color-theme=light] .hero .btn-secondary{color:#0D1B3D;border-color:#8E959F}
html[data-color-theme=light] .hero .motion-control,html[data-color-theme=light] .hero .season-toggle{color:#555555;border-color:#8E959F}
html[data-color-theme=light].halloween .hero .season-caption{color:#555555}
html[data-color-theme=light] .hero .season-toggle::before{background:#B54700}
html[data-color-theme=light] .hero .grid-veil{opacity:.1;background-image:linear-gradient(#0D1B3D26 1px,transparent 1px),linear-gradient(90deg,#0D1B3D26 1px,transparent 1px)}
html[data-color-theme=light] .hero .orb{opacity:.2}
html[data-color-theme=light] .hero .season-moon{opacity:.55}
html[data-color-theme=light] .hero .season-stars{opacity:0}
html[data-color-theme=light] .hero .season-bat{color:#0D1B3D;opacity:.5}
html[data-color-theme=light] .hero-picker button{background:#FFFCF8;color:#0D1B3D;border-color:#8E959F}
html[data-color-theme=light] .hero-picker button[aria-pressed=true]{background:#FF6A00;border-color:#FF6A00;color:#081229}
html[data-color-theme=light] .hero-picker button:focus-visible{outline-color:#B54700}
html[data-color-theme=light] .hero-screen,html[data-color-theme=light].halloween .hero-screen{background:#0D1B3D;border-color:#0D1B3D;box-shadow:0 24px 70px -35px #08122950}
html[data-color-theme=light] .workflow{background:linear-gradient(#F0EDE7,#F4F1EC)}
html[data-color-theme=light] .hi{color:var(--ink)}
html[data-color-theme=light] .hi-lock,html[data-color-theme=light] .hi h1,html[data-color-theme=light] .hi-ticks li,html[data-color-theme=light] .hi-more a{color:#0D1B3D}
html[data-color-theme=light] .hi-lead,html[data-color-theme=light] .hi-note,html[data-color-theme=light] .hi-free,html[data-color-theme=light] .hi-more{color:#555555}
html[data-color-theme=light] .hi-hey{color:#B54700}
html[data-color-theme=light] .hi-alt a{color:#0D1B3D;border-color:#8E959F}
/* Footer and product screenshots stay navy anchors in either theme. */
.legal-foot h2{color:#B7C2D8}
@media(max-width:600px){.legal-head .wrap{gap:6px}.theme-toggle{margin-left:0}.legal-head .nav-about{display:none!important}.legal-head nav a,.product-menu summary{padding-inline:7px}.legal-head .lockup{gap:5px}.legal-head .lockup .word{font-size:19px}.legal-head .lockup svg{width:23px;height:23px}.legal-head nav:not(.nav){gap:0}.legal-head nav:not(.nav) a{font-size:11px;padding-inline:5px}.theme-toggle{flex-basis:44px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}
@media print{.theme-toggle{display:none!important}html[data-color-theme=dark]{--page:#FFFFFF;--panel:#FFFFFF;--panel-hover:#FFFFFF;--panel-soft:#F2F2F2;--ink:#1F1F1F;--muted:#555555;--heading:#0D1B3D;--link:#B54700;--edge:#CEC8BE;--slate:#1F1F1F;--slate-soft:#555555;--gray:#F2F2F2;--line:#CEC8BE;color-scheme:light}}

.feature-card .card-icon{color:var(--link)}
html[data-color-theme=dark] input:focus-visible,html[data-color-theme=dark] select:focus-visible,html[data-color-theme=dark] textarea:focus-visible{outline-color:#FFAB70}

@media print{main,main *{color:#1F1F1F!important;box-shadow:none!important}main,main section,main article,main .guide-card{background:#FFFFFF!important}}