/* One palette for the marketing site, documentation and account app. */
:root[data-tokenba-theme] {
  color-scheme: dark;
  --tokenba-bg: #1d172b;
  --tokenba-surface: #272035;
  --tokenba-raised: #30273f;
  --tokenba-border: #493c59;
  --tokenba-text: #f4f0f9;
  --tokenba-muted: #c3b8d0;
  --tokenba-accent: #f5c242;
  --tokenba-hover: #3b304a;
  --qr-nav-bg: #211a30f5;
  --qr-nav-border: #493c59;
  --color-bg: var(--tokenba-bg);
  --color-bg-elevated: var(--tokenba-surface);
  --color-bg-sidebar: var(--tokenba-surface);
  --color-bg-code: #171322;
  --color-text: var(--tokenba-text);
  --color-text-primary: var(--tokenba-text);
  --color-text-secondary: var(--tokenba-muted);
  --color-text-muted: #a99bb9;
  --color-text-sidebar: var(--tokenba-muted);
  --color-border: var(--tokenba-border);
  --color-border-light: #493c5970;
  --color-primary: var(--tokenba-accent);
  --color-primary-dark: #e6af2a;
  --color-primary-light: #ffda7b;
  --color-accent: var(--tokenba-accent);
  --color-link: #ffda7b;
  --color-hover: var(--tokenba-hover);
  --color-active: #f5c24220;
  --color-table-header: var(--tokenba-raised);
  --color-inline-code-bg: var(--tokenba-raised);
  --color-code-text: var(--tokenba-text);
}
html[data-tokenba-theme] body {
  background: var(--tokenba-bg) !important;
  color: var(--tokenba-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
html[data-tokenba-theme] ::selection { background:#f5c24255; color:#fff; }
html[data-tokenba-theme] :focus-visible { outline-color:var(--tokenba-accent); }

/* Keep the shared header stationary while the browser changes documents. */
@view-transition { navigation:auto; }
#tokenba-navigation {
  position:fixed !important;
  inset:0 0 auto;
  height:var(--tokenba-nav-height,72px);
  background:#211a30;
  z-index:10000;
  view-transition-name:tokenba-navigation;
}
::view-transition-old(tokenba-navigation),
::view-transition-new(tokenba-navigation) { animation:none; mix-blend-mode:normal; }
::view-transition-group(tokenba-navigation) { animation-duration:0s; }
::view-transition-old(root) { animation:none; }
::view-transition-new(root) { animation:tokenba-page-enter .12s ease-out; }
@keyframes tokenba-page-enter { from{opacity:0} to{opacity:1} }
@media(prefers-reduced-motion:reduce) {
  ::view-transition-new(root) { animation:none; }
}

/* Preserve the homepage illustrations and gradients while lifting its dark surfaces. */
html[data-tokenba-site="main"] {
  --background: var(--tokenba-bg);
  --foreground: var(--tokenba-text);
  --card: var(--tokenba-surface);
  --popover: var(--tokenba-raised);
  --primary: var(--tokenba-accent);
}
html[data-tokenba-site="main"] .qr-page-shell,
html[data-tokenba-site="main"] main { background-color:var(--tokenba-bg) !important; }
html[data-tokenba-site="main"] :is(.qr-card,.qr-premium-card,.qr-provider-model-card) {
  background-color:var(--tokenba-surface) !important;
  border-color:var(--tokenba-border) !important;
}
html[data-tokenba-site="main"] header { background-color:#211a30ed; border-color:var(--tokenba-border); }
/* Translate prose in place without mirroring the navigation, grid or model globe. */
html[data-language="ar"] :is(h1,h2,h3,p,summary),
html[data-language="fa"] :is(h1,h2,h3,p,summary) { unicode-bidi:plaintext; }
html:is([data-language="ar"],[data-language="fa"]) .qr-hero-title-gold,
html:is([data-language="ar"],[data-language="fa"]) .qr-hero-summary {
  direction:rtl;
  text-align:start;
}
html[data-tokenba-site="main"] .qr-hero-copy { min-width:0; }
html[data-tokenba-site="main"] .qr-hero-title > span { overflow-wrap:anywhere; }
html[data-tokenba-site="main"] [class*="HomeNavigation_dropdown"],
html[data-tokenba-site="main"] [class*="HomeNavigation_mobilePanel"] { background:var(--tokenba-surface) !important; }

/* The GitHub directory's light-theme ink was unreadable on the shared dark background. */
html[data-tokenba-theme] .github-filter-body :is(h2,button,a),
html[data-tokenba-theme] .github-result-heading h2 {
  color:var(--tokenba-text) !important;
}
html[data-tokenba-theme] .github-filter-body button { font-size:15px; font-weight:500; }
html[data-tokenba-theme] .github-filter-body button span,
html[data-tokenba-theme] :is(.github-result-heading p,.github-filter-controls label,.github-filter-toggles label,.github-source-line,.github-source-line p,.github-source-line a) {
  color:var(--tokenba-muted) !important;
}
html[data-tokenba-theme] .github-filter-toggles button { color:var(--tokenba-accent) !important; }
html[data-tokenba-theme] .github-filter-body button:is(.is-active,[aria-pressed="true"]) {
  background:#f5c24220;
  color:var(--tokenba-accent) !important;
  box-shadow:inset 3px 0 var(--tokenba-accent);
}
html[data-tokenba-theme] .github-filter-body button:hover { background:var(--tokenba-hover); }

/* Documentation uses its original semantic colors, including code and sidebars. */
html[data-tokenba-site="docs"] body::after { opacity:.18; }
html[data-tokenba-site="docs"] :is(header,.header,#sidebar,.sidebar,.reader-sidebar,.reader-toc,.toc-sidebar) {
  background:var(--tokenba-surface) !important;
  color:var(--tokenba-text) !important;
  border-color:var(--tokenba-border) !important;
}
html[data-tokenba-site="docs"] :is(.header-nav-link,.header-logo,.nav-link,.breadcrumb,.reader-meta,.reader-kicker) { color:var(--tokenba-muted) !important; }
html[data-tokenba-site="docs"] :is(.header-nav-link.active,.nav-link.active,.header-resource-menu a:hover) { color:var(--tokenba-accent) !important; }
html[data-tokenba-site="docs"] :is(.header-resource-menu,.header-mobile-nav,#searchResults,.search-results) {
  background:var(--tokenba-surface) !important; border-color:var(--tokenba-border) !important;
}
html[data-tokenba-site="docs"] :is(input,select) { background:var(--tokenba-raised) !important; color:var(--tokenba-text) !important; border-color:var(--tokenba-border) !important; }
html[data-tokenba-site="docs"] :is(.reader-article,.reader-content,.doc-content,article) { color:var(--tokenba-text); }
html[data-tokenba-site="docs"] #themeToggle { display:none; }
@media (min-width:1200px) {
  html[data-tokenba-site="docs"] .header-inner { gap:10px; }
  html[data-tokenba-site="docs"] .header-nav { gap:8px; min-width:0; flex:1; }
  html[data-tokenba-site="docs"] .header-primary { gap:2px; }
  html[data-tokenba-site="docs"] .header-nav a { padding-inline:8px; }
  html[data-tokenba-site="docs"] .header-actions { gap:8px; flex-shrink:0; }
}

/* The account app's HSL tokens also drive its Semi components and pricing cards. */
html[data-tokenba-site="api"], html[data-tokenba-site="api"] body[theme-mode] {
  --background: 258 30% 13%; --foreground: 267 43% 96%;
  --card: 263 25% 17%; --card-foreground: 267 43% 96%;
  --popover: 263 24% 20%; --popover-foreground: 267 43% 96%;
  --primary: 43 90% 61%; --primary-foreground: 258 30% 13%;
  --secondary: 263 24% 20%; --secondary-foreground: 267 43% 96%;
  --muted: 263 24% 20%; --muted-foreground: 268 20% 77%;
  --accent: 263 24% 24%; --accent-foreground: 267 43% 96%;
  --border: 267 19% 29%; --input: 267 19% 29%; --ring: 43 90% 61%;
  --app-glass-bg: #272035ed;
  --semi-color-primary: var(--tokenba-accent);
  --semi-color-primary-hover: #ffda7b;
  --semi-color-primary-active: #e6af2a;
  --semi-color-primary-light-default: #f5c24218;
  --semi-color-primary-light-hover: #f5c24228;
  --semi-color-primary-light-active: #f5c24238;
  --semi-color-secondary: var(--tokenba-accent);
  --semi-color-focus-border: var(--tokenba-accent);
  --semi-color-bg-0: var(--tokenba-bg);
  --semi-color-bg-1: var(--tokenba-surface);
  --semi-color-bg-2: var(--tokenba-raised);
  --semi-color-bg-3: var(--tokenba-hover);
  --semi-color-text-0: var(--tokenba-text);
  --semi-color-text-1: var(--tokenba-muted);
  --semi-color-text-2: #a99bb9;
  --semi-color-border: var(--tokenba-border);
  --semi-color-fill-0: #ffffff06;
  --semi-color-fill-1: #ffffff0c;
  --semi-color-fill-2: #ffffff15;
}
html[data-tokenba-site="api"] :is(.login-root,.login-panel) {
  background-color:var(--tokenba-bg) !important;
  background-image:radial-gradient(ellipse at 15% 12%,#8b5cf615,transparent 60%) !important;
}
html[data-tokenba-site="api"] :is(.login-card-inner,.semi-card,.header-container,.sidebar-container) {
  background:var(--tokenba-surface) !important; border-color:var(--tokenba-border) !important;
}
html[data-tokenba-site="api"] .login-card-inner { box-shadow:0 20px 64px #0003; }
html[data-tokenba-site="api"] :is(.login-card-inner::before,.login-card-inner::after) { opacity:.15; }
html[data-tokenba-site="api"] .login-form .semi-input-wrapper {
  background:var(--tokenba-raised) !important; border:1px solid var(--tokenba-border) !important; box-shadow:none !important;
}
html[data-tokenba-site="api"] .login-form .semi-input-wrapper:focus-within { border-color:var(--tokenba-accent) !important; }
html[data-tokenba-site="api"] :is(.semi-button-primary,.login-form .semi-button-primary,.sidebar-nav-item-selected) {
  background:var(--tokenba-accent) !important; color:var(--tokenba-bg) !important; border-color:var(--tokenba-accent) !important;
}
html[data-tokenba-site="api"] :is(.promo-title,.promo-desc,.promo-stat-value,.login-head-brand-name,.login-card-head) { color:var(--tokenba-text) !important; }
html[data-tokenba-site="api"] :is(.promo-stat-label,.promo-subtitle,.promo-feature,.login-subtitle) { color:var(--tokenba-muted) !important; }
html[data-tokenba-site="api"] .promo-accent { color:var(--tokenba-accent) !important; }
html[data-tokenba-site="api"] :is(.bg-white,.bg-gray-50,.bg-slate-50) { background-color:var(--tokenba-surface) !important; }
html[data-tokenba-site="api"] :is(.text-gray-900,.text-slate-900,.text-black) { color:var(--tokenba-text) !important; }
html[data-tokenba-site="api"] :is(.text-gray-500,.text-gray-600,.text-slate-500,.text-slate-600) { color:var(--tokenba-muted) !important; }
html[data-tokenba-site="api"] .promo-logo-text { background:none !important; color:var(--tokenba-text) !important; -webkit-text-fill-color:var(--tokenba-text) !important; }
html[data-tokenba-site="api"] :is(.login-panel a,.semi-typography-link,.semi-typography-link-text) { color:var(--tokenba-accent) !important; -webkit-text-fill-color:var(--tokenba-accent) !important; }
html[data-tokenba-site="api"] .liquid-glass-pill { background:var(--tokenba-surface) !important; border-color:var(--tokenba-border) !important; }
html[data-tokenba-site="api"] header nav a[aria-current] .bg-clip-text {
  background:none !important; color:var(--tokenba-accent) !important; -webkit-text-fill-color:var(--tokenba-accent) !important;
}
html[data-tokenba-site="api"] header :is(a[href*="/login"],a[href*="/register"]) button {
  background:var(--tokenba-accent) !important; color:var(--tokenba-bg) !important;
}
html[data-tokenba-site="api"] header :is(a[href*="/login"],a[href*="/register"]) button span { color:var(--tokenba-bg) !important; }
html[data-tokenba-site="api"] button[aria-label="切换主题"] { display:none; }
/* Beat the captured Tailwind important gradient on account navigation actions. */
html[data-tokenba-site="api"] header a[href*="/login"] button[class~="!bg-gradient-to-b"],
html[data-tokenba-site="api"] header a[href*="/register"] button[class~="!bg-gradient-to-b"] {
  background-image:none !important; background-color:var(--tokenba-accent) !important;
}
html[data-tokenba-site="api"] header a[href*="/login"] button span[class~="!text-white"],
html[data-tokenba-site="api"] header a[href*="/register"] button span[class~="!text-white"] { color:var(--tokenba-bg) !important; }
@media (max-width:899px) {
  html[data-tokenba-site="docs"] #siteNav .docs-language-control { margin:12px 0 0; padding:12px; border-top:1px solid var(--tokenba-border); }
}