/* Dark theme for every page, set by theme.js on <html data-theme="dark">. Loaded after the
   page's own stylesheets. Brand fills (buttons, badges) stay aubergine with white text;
   text that was aubergine turns a light rose so it reads on the dark background. */
:root[data-theme="dark"]{
  color-scheme:dark;
  --ink:#ede7eb;--muted:#b8acb4;--paper:#141015;--wash:#231b22;--line:#3a2e37;--white:#1e181d;
  --aubergine:#e7c3d6;--wine:#e0b3c9;--terra:#e39a7f;
  --surface:#1e181d;--surface-2:#271f26;--fill:#6e3b58;
}
:root[data-theme="dark"] .hc{--aubergine:#e7c3d6;--wine:#e0b3c9;--terra:#e39a7f;--ink:#ede7eb;--muted:#b8acb4;--wash:#231b22;--line:#3a2e37}
:root[data-theme="dark"] body{background:var(--paper);color:var(--ink)}

/* Brand fills keep their colour. */
:root[data-theme="dark"] :is(.button-dark,.skip-link,.statement-band,.consent-actions .consent-yes,.startup-band,.feature-core,.doc-stat,.hc-flow-step,.lab-tab[aria-selected="true"]){background:var(--fill);border-color:var(--fill);color:#fff}
:root[data-theme="dark"] .contact-copy{background:#3a1d2e;color:#fff}
:root[data-theme="dark"] :is(.menu-toggle span){background:var(--ink)}

/* Surfaces that were white. */
:root[data-theme="dark"] :is(.doc-button-ghost,.doc-card,.doc-table-wrap,.cmp-card,.signin-panel,.hc-button-ghost,.hc-hero-card,.hc-flow li,.hc-industries li,.hc-cases li,.hc-facts span,.hc-motion-toggle,.hc-announce,.hc-inception,.hc-matrix-wrap,.hc-team-cards>li,.hc-trust-steps li,.hc-pillar-grid li,.hc-diff-wrap,.pilot-thanks,.hc-dropin-col:not(.hc-dropin-add),.product-explorer,.product-tab.active,.deployment-card,.contact-shell,.demo-shell,.demo-steps span,.consent,.consent-actions button,.consent-change,.interest-choice,.audience-card,.lifecycle-card,.solution-card,.developers-steps li,.trust-item,.m-fold-toggle,.m-actionbar-alt,.m-path-dev,.pilot-form){background:var(--surface);border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] :is(.pilot-form input,.pilot-form select,textarea,.demo-form textarea){background:var(--surface-2);border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] :is(.hc-request,.product-tabs,.hc-dropin-have li){background:var(--surface-2);border-color:var(--line)}
:root[data-theme="dark"] .hc-hero-card,:root[data-theme="dark"] .hc-team-cards>li,:root[data-theme="dark"] .hc-inception{box-shadow:0 20px 50px rgba(0,0,0,.35)}
/* The animated platform picture is drawn for a light card; it keeps one. */
:root[data-theme="dark"] :is(.hc-layer-figure,.hc-layer-canvas){background:#fbf8fa;color:#241f26}
:root[data-theme="dark"] .hc-layer-caption{color:#241f26}
:root[data-theme="dark"] .hc-layer-story{color:#241f26}

/* Header, menu and footer. */
:root[data-theme="dark"] .site-header{background:rgba(20,16,21,.94);border-bottom-color:var(--line)}
:root[data-theme="dark"] .site-footer{background:#1b151a}
:root[data-theme="dark"] .footer-bottom{color:var(--muted);border-top-color:var(--line)}
:root[data-theme="dark"] :is(.brand img,.site-footer .footer-main > div > img:first-child){content:url("/brand/humanecircle-logo-white.svg");mix-blend-mode:normal}

/* The header switch. */
.theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--aubergine);font-size:17px;line-height:1;cursor:pointer}
.theme-toggle:hover{background:var(--wash)}
.theme-toggle:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
/* Placement: at the end of the header, before the phone menu button. */
.header-inner>.primary-nav{margin-left:auto}
.header-inner>.theme-toggle{order:5;margin-left:16px}
.header-inner>.menu-toggle{order:6;margin-left:8px}
.doc-header .header-inner{position:relative}
@media(max-width:700px){.doc-header .header-inner>.theme-toggle{position:absolute;right:0;top:12px;margin:0}}
@media(max-width:980px){body:not(:has(.doc-header)) .header-inner>.theme-toggle{margin-left:auto}}

/* Text that was a fixed dark grey. */
:root[data-theme="dark"] :is(.hc-lede,.hero-lede,.hero-lede-short,.hc-card-label,.panel-footer,.footer-main p,.product-tab small,.section-footnote,.journey-card p,.developers-copy p,.solution-card p,.lifecycle-card ul,.solution-card ul,.doc-lede,.doc-lede-small,.cmp-label,.cmp-summary,.lab-note,.visual-label,.decision-row){color:var(--muted)}
:root[data-theme="dark"] :is(.hc-lede,.doc-lede){color:#d9cfd5}
:root[data-theme="dark"] .cmp-val{color:var(--ink)}
:root[data-theme="dark"] .product-panel{background:radial-gradient(circle at 79% 22%,rgba(182,106,80,.16) 0,transparent 40%),var(--surface);color:var(--ink)}
:root[data-theme="dark"] .panel-status{border-color:var(--line)}
:root[data-theme="dark"] .hc-button-light{background:#fff;color:#4a2239}
:root[data-theme="dark"] .hc-button-light:hover{background:#ffe9df}
:root[data-theme="dark"] .lab-shell textarea[readonly]{background:var(--surface-2);color:var(--ink)}
:root[data-theme="dark"] .lab-marked mark{color:#241f26}
:root[data-theme="dark"] :is(.lab-journey li,.lab-tab:not([aria-selected="true"]),.lab-example,.lab-stages li,.m-seg button[aria-selected="true"],.doc-table th){background:var(--surface);border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] .lab-example[aria-pressed="true"]{background:var(--surface-2);border-color:var(--terra)}

/* Pogo stays a light card on both themes, with its own light colours. */
:root[data-theme="dark"] .pogo{color-scheme:light;--ink:#241f26;--muted:#655c63;--aubergine:#582a45;--wine:#6e3b58;--terra:#b4684f;--wash:#f5eff2;--line:#e8dfe4;--paper:#faf8f7;--white:#fff;color:var(--ink)}
:root[data-theme="dark"] .pogo :is(textarea,input){background:#fff;color:#241f26;border-color:#e8dfe4}
:root[data-theme="dark"] .hc-pillar-grid li{border-top-color:var(--terra)}
:root[data-theme="dark"] .hc-diff-table tbody td:last-child{background:rgba(227,154,127,.08)}
:root[data-theme="dark"] .hc-outcome-hold{background:rgba(214,140,104,.18);color:#f0c2a8}
:root[data-theme="dark"] .hc-outcome-ok{background:rgba(110,190,140,.16);color:#a9dcbc}
/* NVIDIA's badge artwork is dark on transparent: keep it on white, as in the hero. */
:root[data-theme="dark"] .site-footer img.footer-inception{mix-blend-mode:normal;background:#fff;border-radius:6px}
/* Partner logos sit on white in dark mode too; this outranks the dark surfaces rule above. */
:root[data-theme="dark"] .hc-badges .hc-inception.hc-logo-only{background:#fff;border-color:#fff}
:root[data-theme="dark"] .site-footer img.footer-aws{mix-blend-mode:normal}