/* System theme: semantic colors only; no stored preference or manual override.
   Component shadows inherit these tokens, so OS changes update the whole page live. */
:root {
  color-scheme: light dark;
  --theme-page: #f8f8fa;
  --theme-panel: #f0f0f3;
  --theme-raised: #ffffff;
  --theme-soft: #e7e7ec;
  --theme-text: #202024;
  --theme-secondary: #52525b;
  --theme-muted: #62626c;
  --theme-border: #d5d5dd;
  --theme-border-strong: #a8a8b4;
  --theme-decoration: #bdbdc9;
  --theme-accent: #ad4313;
  --theme-accent-large: #df6425;
  --theme-accent-vivid: #f37838;
  --theme-focus: #cc561c;
  --theme-accent-soft: #fcecdf;
  --theme-accent-border: #dfaa89;
  --theme-success: #426b39;
  --theme-shadow: #17171b12;
  --theme-ink: #15100c;
  --theme-inverse: #ffffff;
  --theme-selected: #252529;
  --theme-string: #98431f;
  --theme-keyword: #7d3589;
  --theme-comment: #456f38;
  --theme-variable: #16647f;
  --theme-number: #315eaa;
}
@media (prefers-color-scheme: dark) {
  :root {
    --theme-page: #131316;
    --theme-panel: #202025;
    --theme-raised: #29292f;
    --theme-soft: #19191d;
    --theme-text: #f1f1f4;
    --theme-secondary: #c0c0ca;
    --theme-muted: #a2a2ae;
    --theme-border: #3b3b44;
    --theme-border-strong: #666672;
    --theme-decoration: #565662;
    --theme-accent: #f78a50;
    --theme-accent-large: #f37838;
    --theme-focus: #f37838;
    --theme-accent-soft: #34251f;
    --theme-accent-border: #9c5935;
    --theme-success: #9bc48a;
    --theme-shadow: #00000033;
    --theme-inverse: #17171b;
    --theme-selected: #ededf2;
    --theme-string: #e6a086;
    --theme-keyword: #d49cda;
    --theme-comment: #9bbf8b;
    --theme-variable: #9ad6ec;
    --theme-number: #98bafa;
  }
}

/* Strong orange belongs to headlines and signals; small copy keeps AA contrast. */
.hero h1 span,.blog-hero h1 span,.showcase-hero h1 span,.article h1 .mint,.blog-mark{color:var(--theme-accent-large)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--theme-focus);outline-offset:5px}
::selection{background:var(--theme-accent-border);color:var(--theme-ink)}

/* Orange marks hierarchy and state, without changing the approved geometry. */
.hero .eyebrow,.blog-hero .eyebrow,.section .eyebrow,.eyebrow{color:var(--theme-accent)}
.navlinks a[aria-current="page"],.topnav a.active{color:var(--theme-accent);text-decoration:underline;text-decoration-color:var(--theme-accent-vivid);text-decoration-thickness:2px;text-underline-offset:8px}
.navlinks a:hover,.docs-link:hover,.github-link:hover{color:var(--theme-accent)}
.button.secondary{background:var(--theme-accent-soft);border-color:var(--theme-accent-border);color:var(--theme-accent)}
.button.secondary:hover{background:var(--theme-accent-soft);border-color:var(--theme-focus)}
.cta,.release{background:linear-gradient(115deg,var(--theme-accent-soft),var(--theme-panel) 72%);border-color:var(--theme-accent-border)}
.trial-cta-closing{border-top-color:var(--theme-accent-border);background:linear-gradient(100deg,var(--theme-accent-soft),transparent 80%)}
.person.lead,.sdk-card:hover,.sdk-card:focus-visible,.boundary-box.client,.doc-callout,.wiki-positioning,.map-orchestrator{background:var(--theme-accent-soft);border-color:var(--theme-accent-border)}
.tabs button[aria-selected=true],.code-tabs button[aria-selected=true]{border-bottom-color:var(--theme-focus)}
.filter[aria-pressed=true]{background:var(--theme-accent-soft);border-color:var(--theme-focus);color:var(--theme-accent)}
.ui-head,.preview-head,.workspace-foot{background:var(--theme-panel)}
.team-map .node:not(.primary),.map .document{background:var(--theme-raised)}
.card-visual{background:var(--theme-panel);color:var(--theme-accent-vivid)}
.site-footer{background:var(--theme-panel)}

/* Documentation shares the same depth and active-state language. */
.shell .top,.shell .toc{background:var(--theme-panel)}
.shell .sidebar{background:var(--theme-soft)}
.shell .side-item.active{background:var(--theme-accent-soft);box-shadow:inset 3px 0 var(--theme-focus)}
.shell .version,.shell .tag,.shell .kicker-label,.shell .searchbox{border-color:var(--theme-accent-border)}
.shell .article blockquote{border-left-color:var(--theme-focus);background:var(--theme-accent-soft)}
.shell .article h2 .anchor:focus-visible,.shell .article h3 .anchor:focus-visible{color:var(--theme-accent)}
.shell .search:focus-visible,.shell .search-field:focus-within{outline:2px solid var(--theme-focus);outline-offset:-2px}