/* Shared reading palettes. Loaded after page styles so local layouts keep working. */
:root{
  color-scheme:dark;
  --txt:#F3F0E8;
  --text:var(--txt);
  --dim:#C5CBD6;
  --dim-2:#AAB3C2;
  --header-bg:rgba(10,11,15,.95);
  --code-bg:#101218;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F3F0E8;--bg-1:#FFFFFF;--bg-2:#F0F1F7;--bg-3:#E7E9F2;
  --txt:#111318;--dim:#3D465A;--dim-2:#535D72;
  --line:rgba(25,29,43,.14);--line-2:rgba(25,29,43,.25);
  --volt:#684FF2;--volt-bright:#684FF2;
  --c-content:#175DC1;--c-images:#08758A;--c-planning:#6940B9;
  --c-marketing:#AF2468;--c-offers:#925000;--c-sales:#087651;
  --c-sales-hub:#175DC1;--c-clients:#08776A;--c-client-hub:#8037B9;
  --c-work:#A5480D;--c-knowledge:#507213;--c-ai:#4E4CC0;
  --c-command:#B22B47;--c-video:#A82C73;--c-studio:#A5480D;
  --header-bg:rgba(243,240,232,.96);--code-bg:#F0F1F7;
}
body{font-weight:500}
.topbar,.subnav-wrap,.page-nav,.playbook-topic-bar{background:var(--header-bg)}
.brand-sub,.nav-links,.foot-legal{color:var(--dim)}
.nav-links .work-link,.work-link-label{color:var(--volt-bright)}
.nav-links .login-link{border-color:var(--line-2)}
.nav-links .login-link:hover,.nav-links .login-link:focus-visible{border-color:var(--dim)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0;border:1px solid var(--line-2);border-radius:9px;background:var(--bg-2);color:var(--txt);cursor:pointer}
.theme-toggle:hover{border-color:var(--volt-bright)}
.theme-toggle:focus-visible{outline:2px solid var(--volt-bright);outline-offset:3px}
.topbar-inner{gap:12px}
@media(min-width:1251px){.theme-toggle{margin-left:0}.nav-links{margin-left:16px;gap:16px}}
@media(max-width:1250px){.nav-toggle{margin-left:auto}.nav-links .theme-toggle{align-self:flex-start;margin-top:12px}}
@media(max-width:420px){.topbar-inner{gap:8px}.topbar-inner .brand{gap:7px}.topbar-inner .brand-text{font-size:14px}.theme-toggle{padding:0}.nav-toggle{padding:7px 9px}.topbar-inner.wrap{padding:0 16px}}
.doc-main p,.doc-main ul.bul li{font-size:18px;line-height:1.85}
.doc-main p strong,.doc-main ul.bul li strong{font-weight:700}
.doc-main .small{color:var(--dim-2)}
.doc-main textarea{font-size:17px;line-height:1.7}
textarea::placeholder,input::placeholder{color:var(--dim-2);opacity:1}
.codeblock,.prompt-block,.setup-prompt,.output-example-body{background:var(--code-bg)}
.codeblock code,.prompt-block code,.setup-prompt code,.output-example-body code{color:var(--txt);font-weight:500}
.codeblock code{white-space:inherit}
.codeblock [data-copy]{margin:12px 18px 0;padding:7px 12px;color:var(--txt);background:var(--bg-3);border:1px solid var(--line-2);border-radius:6px;font:600 13px var(--body);cursor:pointer}
.codeblock [data-copy]:focus-visible{outline:2px solid var(--volt-bright);outline-offset:3px}
:root[data-theme="light"] body{--nl-purple:#6940B9;--nl-orange:#925000;--nl-copy:var(--dim);--nl-muted:var(--dim-2);--email-purple:#6940B9;--email-orange:#925000;--email-copy:var(--dim);--email-muted:var(--dim-2)}
:root[data-theme="light"] .prompt-block pre{background:var(--bg-2)}
:root[data-theme="light"] .audit-figure{background:var(--bg-1)}
:root[data-theme="light"] .audit-cell.hero{background:#FCE8EB}

@media print{.theme-toggle{display:none}}

/* Keep the theme icon beside the services link at every menu size. */
.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
@media(max-width:1250px){.nav-actions{align-self:flex-start;margin-top:12px}.nav-actions .work-link,.nav-actions .theme-toggle{margin-top:0}}

/* Keep primary button text readable on hover in either palette. */
.btn-volt:hover{background:#684FF2;color:#fff}
/* Services used local dark colors before the shared theme existed. */
:root[data-theme="light"] .consulting{--txt:#111318;--dim:#3D465A}
:root[data-theme="light"] .consulting .accent,
:root[data-theme="light"] .consulting .vnum,
:root[data-theme="light"] .consulting .text-link{color:var(--volt-bright)}
:root[data-theme="light"] .engagement .btn{color:var(--txt)}
@media(min-width:1251px){.consulting .nav-links{gap:16px}}

:root[data-theme="light"] .sec-num{-webkit-text-stroke-color:var(--dim-2)}