/* Stellar Business Palette Lock v1 - black, gold and readable business UI. */
:root{
  --stellar-black:#050505;
  --stellar-bg:#050505;
  --stellar-panel:#101010;
  --stellar-panel-2:#151515;
  --stellar-card:#101010;
  --stellar-text:#F7F3EA;
  --stellar-muted:#D8CFBE;
  --stellar-gold:#F2D675;
  --stellar-gold-2:#FFE89A;
  --stellar-gold-soft:rgba(242,214,117,.30);
  --stellar-line:rgba(242,214,117,.26);
  --stellar-success:#22C55E;
  --stellar-danger:#EF4444;
  --accent:#F2D675;
  --accent-rgb:242,214,117;
  --gold:#F2D675;
  --text:#F7F3EA;
  --muted:#D8CFBE;
  color-scheme:dark;
}
html,body{background:#050505!important;color:#F7F3EA!important;}
body{font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;line-height:1.55!important;}
h1,h2,h3,.brand span,.logo span,.hero h1 span,.greet-hi,.greet-hi-accent,.gold-text{color:#F2D675!important;-webkit-text-fill-color:#F2D675!important;background:none!important;text-shadow:none!important;font-weight:800!important;letter-spacing:-.045em!important;}
p,li,small,.muted,.helper,.subtle,.support-copy,.card p,.set-sub,.welcome-sub,.hero-lead{color:#D8CFBE!important;}
button,.btn,.cta-btn,.nav-cta,.side-new,.primary,.primary-btn,.acct-signin-btn,.plans-btn,.checkout-btn{border-color:rgba(242,214,117,.32)!important;background:#F2D675!important;color:#050505!important;font-weight:800!important;box-shadow:none!important;}
button.secondary,.btn.secondary,.ghost,.cancel-btn,.secondary-btn{background:#101010!important;color:#F7F3EA!important;border-color:rgba(242,214,117,.28)!important;}
a{color:#F2D675!important;} a:hover{color:#FFE89A!important;}
.card,.panel,.glass,.modal,.plan-card,.plugin-card,.support-card,.guide-card,.set-card,.modal-card,.pricing-card,#sidebar,.sidebar,.topbar,.input-area>.flex,textarea,input,select{background:#101010!important;color:#F7F3EA!important;border-color:rgba(242,214,117,.28)!important;box-shadow:none!important;}
input::placeholder,textarea::placeholder{color:#D8CFBE!important;opacity:.9!important;}
svg{color:currentColor;} .icon,.sidebar-icon,.set-ico{color:#F2D675!important;}
.badge,.pill,.chip,.sug-chip,.status-pill{background:#151515!important;color:#F7F3EA!important;border-color:rgba(242,214,117,.28)!important;}
.success,.online,[data-state="online"]{color:#22C55E!important;border-color:rgba(34,197,94,.34)!important;}
.error,.danger,.failed,[data-state="error"]{color:#EF4444!important;border-color:rgba(239,68,68,.34)!important;}
.hero::before,.hero-orbit,.stars,.starfield,.glow,.orbital-glow{background:none!important;box-shadow:none!important;filter:none!important;}
*{scrollbar-color:rgba(242,214,117,.38) #050505;}
::selection{background:rgba(242,214,117,.34);color:#050505;}


/* Stellar Business Palette Lock v2 - Plans and pricing hard lock. */
#plans-modal,
#plans-modal > div,
#plans-modal .plans-card,
#plans-modal .plans-head,
#plans-modal .plan-card,
#plans-modal #plans-grid-inner > div,
.plan-card,
.pricing-card,
.price-card,
.tier-card,
.plans-card,
.plans-head,
.plans-shell,
.plan-panel,
.plan-row,
.plan-box,
[data-plan],
[id^="plan-card"]{
  background:#101010!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.28)!important;
  box-shadow:none!important;
  background-image:none!important;
}
#plans-modal *,
.plan-card *,
.pricing-card *,
.price-card *,
.tier-card *,
[data-plan] *{
  text-shadow:none!important;
}
#plans-modal .plan-name,
#plans-modal .plan-price,
#plans-modal .plans-title,
#plans-modal h1,
#plans-modal h2,
#plans-modal h3,
.plan-card .plan-name,
.plan-card .plan-price,
.pricing-card h2,
.pricing-card h3,
.price-card h2,
.price-card h3,
.tier-card h2,
.tier-card h3,
[data-plan] h2,
[data-plan] h3{
  color:#F2D675!important;
  -webkit-text-fill-color:#F2D675!important;
  background:none!important;
  background-image:none!important;
  font-weight:800!important;
}
#plans-modal p,
#plans-modal li,
#plans-modal small,
#plans-modal .plan-feats,
#plans-modal .plan-feats-label,
#plans-modal .plan-note,
#plans-modal .plan-description,
.plan-card p,
.plan-card li,
.plan-card small,
.pricing-card p,
.pricing-card li,
.price-card p,
.tier-card p{
  color:#D8CFBE!important;
}
#plans-modal .popular,
#plans-modal .badge,
#plans-modal .pill,
#plans-modal .chip,
.plan-card .popular,
.plan-card .badge,
.pricing-card .popular,
.pricing-card .badge,
.pack.popular::after,
.topup-chip.popular::after{
  background:#151515!important;
  color:#F2D675!important;
  -webkit-text-fill-color:#F2D675!important;
  border:1px solid rgba(242,214,117,.38)!important;
  box-shadow:none!important;
  background-image:none!important;
}
#plans-modal button,
#plans-modal .btn,
#plans-modal .checkout-btn,
#plans-modal [id^="plan-btn"],
.plan-card button,
.pricing-card button,
.price-card button,
.tier-card button,
[data-plan] button{
  background:#F2D675!important;
  background-image:none!important;
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  border-color:rgba(242,214,117,.42)!important;
  box-shadow:none!important;
  font-weight:800!important;
}
#plans-modal button.secondary,
#plans-modal .secondary,
.plan-card button.secondary,
.pricing-card button.secondary,
.price-card button.secondary,
.tier-card button.secondary{
  background:#101010!important;
  color:#F7F3EA!important;
  -webkit-text-fill-color:#F7F3EA!important;
  border-color:rgba(242,214,117,.28)!important;
}
#plans-modal [style*="linear-gradient"],
#plans-modal [style*="#8b5cf6"],
#plans-modal [style*="#a855f7"],
#plans-modal [style*="#7c3aed"],
#plans-modal [style*="#6366f1"],
.plan-card[style*="linear-gradient"],
.pricing-card[style*="linear-gradient"]{
  background:#101010!important;
  background-image:none!important;
  color:#F7F3EA!important;
}
body.light #plans-modal,
body.light #plans-modal > div,
body.light #plans-modal .plans-card,
body.light #plans-modal .plans-head,
body.light #plans-modal .plan-card,
body.light #plans-modal #plans-grid-inner > div{
  background:#101010!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.28)!important;
}


/* Stellar Business Palette Lock v3 - restrained sidebar and low-slop controls. */
:root{
  --stellar-radius-sm:10px;
  --stellar-radius-md:14px;
  --stellar-radius-lg:18px;
}
body,
main,
.app-shell,
.workspace,
.home-shell{
  background-image:none!important;
}
#sidebar,
.sidebar,
.side-panel,
.workspace-sidebar,
.app-sidebar{
  background:#050505!important;
  border-color:rgba(242,214,117,.22)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#sidebar button:not(.side-new),
.sidebar button:not(.side-new),
.sidebar-item,
.side-quick,
.side-btn,
.nav-item,
.side-link,
.chat-row,
.chat-history-item,
.history-item,
.tool-button,
[data-sidebar-action]{
  min-height:42px!important;
  border-radius:12px!important;
  background:transparent!important;
  background-image:none!important;
  color:#F7F3EA!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
  justify-content:flex-start!important;
}
#sidebar button:not(.side-new):hover,
.sidebar button:not(.side-new):hover,
.sidebar-item:hover,
.side-quick:hover,
.side-btn:hover,
.nav-item:hover,
.side-link:hover,
.chat-row:hover,
.chat-history-item:hover,
.history-item:hover,
.tool-button:hover,
[data-sidebar-action]:hover{
  background:#101010!important;
  border-color:rgba(242,214,117,.22)!important;
  color:#F7F3EA!important;
  transform:none!important;
  box-shadow:none!important;
}
#sidebar .active,
.sidebar .active,
#sidebar .is-active,
.sidebar .is-active,
#sidebar [aria-current="page"],
.sidebar [aria-current="page"],
#sidebar [aria-selected="true"],
.sidebar [aria-selected="true"],
#sidebar [data-active="true"],
.sidebar [data-active="true"]{
  background:#101010!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.34)!important;
  box-shadow:inset 3px 0 0 #F2D675!important;
}
#sidebar svg,
.sidebar svg,
.sidebar-icon,
.side-icon,
.side-quick svg,
.nav-item svg,
.tool-button svg{
  color:#F2D675!important;
  fill:none!important;
  filter:none!important;
}
.side-new,
#sidebar .side-new,
.sidebar .side-new,
#sidebar .new-chat,
.sidebar .new-chat{
  min-height:42px!important;
  border-radius:12px!important;
  background:#F2D675!important;
  background-image:none!important;
  color:#050505!important;
  border-color:#F2D675!important;
  box-shadow:none!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.side-new:hover,
#sidebar .side-new:hover,
.sidebar .side-new:hover,
#sidebar .new-chat:hover,
.sidebar .new-chat:hover{
  background:#F2D675!important;
  color:#050505!important;
  transform:none!important;
  box-shadow:none!important;
}
.glass,
.panel,
.card,
.modal-card,
.support-card,
.plugin-card,
.guide-card,
.pricing-card,
.plan-card{
  border-radius:18px!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.gradient,
.gradient-text,
.ai-glow,
.neon,
.rainbow,
.orbit-line,
.fancy-glow{
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}



/* Stellar Business Palette Lock v4 - page-by-page business finish. */
/* Settings */
#settings-modal,
#settings-modal > div,
#settings-modal .settings-card,
#settings-modal .settings-panel,
#settings-modal .settings-tabs,
#settings-modal .settings-section,
#settings-modal .settings-row,
#settings-modal .set-card,
#settings-modal .set-group,
.settings-modal,
.settings-panel,
.settings-card,
.settings-row,
.settings-tabs,
.settings-content{
  background:#101010!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.28)!important;
  box-shadow:none!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#settings-modal h1,#settings-modal h2,#settings-modal h3,
#settings-modal .settings-title,#settings-modal .set-title,
#settings-modal .tab.active,#settings-modal [aria-selected="true"]{
  color:#F2D675!important;
  -webkit-text-fill-color:#F2D675!important;
  background:none!important;
  font-weight:800!important;
}
#settings-modal p,#settings-modal small,#settings-modal .set-sub,#settings-modal .helper,#settings-modal .muted{
  color:#D8CFBE!important;
}
#settings-modal button:not(.primary):not(.primary-btn),
#settings-modal .settings-tab,
#settings-modal .tab,
#settings-modal .set-action{
  background:#151515!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.22)!important;
  box-shadow:none!important;
  background-image:none!important;
}
#settings-modal button:hover,#settings-modal .settings-tab:hover,#settings-modal .tab:hover{
  border-color:rgba(242,214,117,.45)!important;
  color:#F2D675!important;
}

/* Landing and public marketing pages */
.hero,.hero-wrap,.hero-card,.hero-panel,.feature-card,.benefit-card,.step-card,.faq-card,
.public-card,.public-section,.section-card,.landing-card,.preview-card,.offer-card,
.homepage-card,.pricing-section,.faq-section,.cta-section{
  background:#101010!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.24)!important;
  box-shadow:none!important;
  background-image:none!important;
}
.hero h1,.hero h2,.hero-title,.section-title,.landing-title,.feature-card h3,.benefit-card h3,.step-card h3,
.public-card h2,.public-card h3,.faq-card summary{
  color:#F2D675!important;
  -webkit-text-fill-color:#F2D675!important;
  background:none!important;
  text-shadow:none!important;
}
.hero p,.hero-lead,.section-copy,.landing-copy,.feature-card p,.benefit-card p,.step-card p,.faq-card p{
  color:#D8CFBE!important;
}

/* Terms and legal pages */
.legal,.legal-page,.legal-shell,.terms-page,.terms-shell,.terms-card,.terms-section,
.terms-content,.policy-page,.policy-card,article.legal,main.legal{
  background:#101010!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.24)!important;
  box-shadow:none!important;
  background-image:none!important;
}
.legal h1,.legal h2,.legal h3,.terms-page h1,.terms-page h2,.terms-page h3,
.terms-shell h1,.terms-shell h2,.terms-shell h3,.policy-page h1,.policy-page h2,.policy-page h3{
  color:#F2D675!important;
  -webkit-text-fill-color:#F2D675!important;
  background:none!important;
}
.legal p,.legal li,.terms-page p,.terms-page li,.terms-shell p,.terms-shell li,.policy-page p,.policy-page li{
  color:#D8CFBE!important;
}

/* Guides, blog and article pages */
.blog-card,.guide-card,.guide-shell,.guide-page,.article-card,.article-shell,.post-card,.post-shell,
.blog-list-card,.toc-card,.content-card,article,main article{
  background:#101010!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.24)!important;
  box-shadow:none!important;
  background-image:none!important;
}
.blog-card h1,.blog-card h2,.blog-card h3,.guide-card h1,.guide-card h2,.guide-card h3,
.article-card h1,.article-card h2,.article-card h3,article h1,article h2,article h3,
.post-shell h1,.post-shell h2,.post-shell h3{
  color:#F2D675!important;
  -webkit-text-fill-color:#F2D675!important;
  background:none!important;
}
.blog-card p,.blog-card li,.guide-card p,.guide-card li,.article-card p,.article-card li,
article p,article li,.post-shell p,.post-shell li{
  color:#D8CFBE!important;
}
pre,code,.code-block,.snippet,.terminal{
  background:#050505!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.28)!important;
  box-shadow:none!important;
}

/* Support centre */
.support-page,.support-shell,.support-card,.support-panel,.support-section,.support-grid,
.help-card,.help-panel,.contact-card,.guide-row,.support-action{
  background:#101010!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.24)!important;
  box-shadow:none!important;
  background-image:none!important;
}
.support-page h1,.support-page h2,.support-page h3,.support-card h2,.support-card h3,
.help-card h2,.help-card h3,.contact-card h2,.contact-card h3{
  color:#F2D675!important;
  -webkit-text-fill-color:#F2D675!important;
  background:none!important;
}
.support-page p,.support-page li,.support-copy,.support-card p,.help-card p,.contact-card p,.guide-row p{
  color:#D8CFBE!important;
}
.support-page .chip,.support-page .quick-chip,.support-page .support-chip,.support-page .guide-row,
.support-page .help-link{
  background:#151515!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.26)!important;
  box-shadow:none!important;
}
.support-page .chip:hover,.support-page .quick-chip:hover,.support-page .support-chip:hover,
.support-page .guide-row:hover,.support-page .help-link:hover{
  color:#F2D675!important;
  border-color:rgba(242,214,117,.5)!important;
}

/* Kill misplaced decorative colour layers on these pages */
#settings-modal [style*="purple"],#settings-modal [style*="violet"],#settings-modal [style*="blue"],
.support-page [style*="purple"],.terms-page [style*="purple"],.guide-page [style*="purple"],
.hero [style*="purple"],.landing-card [style*="purple"]{
  color:#F2D675!important;
  border-color:rgba(242,214,117,.28)!important;
  background:#101010!important;
  background-image:none!important;
}



/* Stellar Business Palette Lock v6 - readable champagne gold pass.
   Yellow/gold is for headings, icons, borders and CTAs only; small copy stays readable white or warm grey. */
:root{
  --stellar-gold:#F2D675;
  --stellar-gold-2:#FFE89A;
  --stellar-readable-gold:#F2D675;
  --stellar-readable-gold-2:#FFE89A;
  --stellar-muted:#D8CFBE;
  --stellar-line:rgba(242,214,117,.26);
  --stellar-gold-soft:rgba(242,214,117,.30);
  --accent:#F2D675;
  --accent-rgb:242,214,117;
  --gold:#F2D675;
}
html,body{color:#F7F3EA!important;background:#050505!important;}
h1,h2,h3,.brand span,.logo span,.hero h1 span,.greet-hi,.greet-hi-accent,.gold-text,
.plan-name,.plan-price,.plans-title,.pricing-card h2,.pricing-card h3,
.support-hero h1,.support-card h2,.support-card h3,.guide-card h2,.guide-card h3,
.terms-page h1,.terms-page h2,.terms-page h3,.legal-page h1,.legal-page h2,.legal-page h3{
  color:#F2D675!important;
  -webkit-text-fill-color:#F2D675!important;
}
p,li,small,.muted,.helper,.subtle,.support-copy,.card p,.set-sub,.welcome-sub,.hero-lead,
.terms-page p,.terms-page li,.legal-page p,.legal-page li,.guide-card p,.support-card p{
  color:#D8CFBE!important;
  -webkit-text-fill-color:#D8CFBE!important;
}
button,.btn,.cta-btn,.nav-cta,.side-new,.primary,.primary-btn,.acct-signin-btn,.plans-btn,.checkout-btn,
#plans-modal [id^="plan-btn"],#plans-modal .checkout-btn{
  background:#F2D675!important;
  border-color:rgba(255,232,154,.58)!important;
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
}
button.secondary,.btn.secondary,.ghost,.cancel-btn,.secondary-btn,#sidebar button:not(.side-new),.sidebar button:not(.side-new){
  background:#101010!important;
  color:#F7F3EA!important;
  -webkit-text-fill-color:#F7F3EA!important;
  border-color:rgba(242,214,117,.26)!important;
}
a,.link,.support-link,.guide-link{color:#F2D675!important;-webkit-text-fill-color:#F2D675!important;}
a:hover,.link:hover,.support-link:hover,.guide-link:hover{color:#FFE89A!important;-webkit-text-fill-color:#FFE89A!important;}
.card,.panel,.glass,.modal,.plan-card,.plugin-card,.support-card,.guide-card,.set-card,.modal-card,.pricing-card,#sidebar,.sidebar,.topbar,.input-area>.flex,textarea,input,select{
  border-color:rgba(242,214,117,.26)!important;
}
.badge,.pill,.chip,.sug-chip,.status-pill,.plan-badge,.popular,.pack.popular::after{
  background:#151515!important;
  color:#F2D675!important;
  -webkit-text-fill-color:#F2D675!important;
  border-color:rgba(242,214,117,.34)!important;
}
.code-block,pre,code,.toc,.article-card,.blog-card{
  background:#101010!important;
  color:#F7F3EA!important;
  border-color:rgba(242,214,117,.22)!important;
}
::selection{background:rgba(242,214,117,.36)!important;color:#050505!important;}
*{scrollbar-color:rgba(242,214,117,.42) #050505!important;}


/* Stellar Purple Brand Lock v7 — restored signature purple, 2026-09-23.
   Purple is the brand accent; neutral surfaces preserve hierarchy and readability. */
:root{
  --stellar-black:#07070b;--stellar-bg:#07070b;--stellar-panel:#101016;--stellar-panel-2:#17131f;
  --stellar-card:#101016;--stellar-text:#f7f4fb;--stellar-muted:#aaa4b5;
  --stellar-gold:#a78bfa;--stellar-gold-2:#c4b5fd;--stellar-readable-gold:#a78bfa;
  --stellar-readable-gold-2:#c4b5fd;--stellar-gold-soft:rgba(139,92,246,.24);
  --stellar-line:rgba(167,139,250,.25);--accent:#8b5cf6;--accent-rgb:139,92,246;--gold:#a78bfa;
}
html,body{background:#07070b!important;color:#f7f4fb!important}
body::before{background:radial-gradient(circle at 50% 0,rgba(139,92,246,.08),transparent 34rem),#07070b!important}
.site-header{background:rgba(7,7,11,.94)!important;border-bottom-color:rgba(167,139,250,.18)!important}
h1,h2,h3,.brand span,.logo span,.hero h1 span,.greet-hi,.greet-hi-accent,.gold-text,
.plan-name,.plan-price,.plans-title,.pricing-card h2,.pricing-card h3,.support-hero h1,
.support-card h2,.support-card h3,.guide-card h2,.guide-card h3,.terms-page h1,
.terms-page h2,.terms-page h3,.legal-page h1,.legal-page h2,.legal-page h3{
 color:#f7f4fb!important;-webkit-text-fill-color:#f7f4fb!important
}
.brand-ai,.eyebrow,.icon,.sidebar-icon,.set-ico,.play-icon,.tiny-star,.assistant-mark svg,
.preview-brand svg,.file-note>span,.step,.cta-star,.footer-bottom i{
 color:#a78bfa!important;-webkit-text-fill-color:#a78bfa!important
}
p,li,small,.muted,.helper,.subtle,.support-copy,.card p,.set-sub,.welcome-sub,.hero-lead,
.terms-page p,.terms-page li,.legal-page p,.legal-page li,.guide-card p,.support-card p{
 color:#aaa4b5!important;-webkit-text-fill-color:#aaa4b5!important
}
button,.btn,.cta-btn,.nav-cta,.side-new,.primary,.primary-btn,.acct-signin-btn,.plans-btn,.checkout-btn,
#plans-modal [id^="plan-btn"],#plans-modal .checkout-btn,.button-primary,.composer-bottom button{
 background:#8b5cf6!important;background-image:none!important;border-color:#9f7aea!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important
}
button:hover,.btn:hover,.button-primary:hover{background:#7c3aed!important}
button.secondary,.btn.secondary,.ghost,.cancel-btn,.secondary-btn,#sidebar button:not(.side-new),
.sidebar button:not(.side-new),.button-outline,.button-quiet{
 background:#101016!important;color:#f7f4fb!important;-webkit-text-fill-color:#f7f4fb!important;
 border-color:rgba(167,139,250,.24)!important
}
a,.link,.support-link,.guide-link,.capability-card>a,.text-link,.example-open{
 color:#b9a5ff!important;-webkit-text-fill-color:#b9a5ff!important
}
a:hover,.link:hover,.support-link:hover,.guide-link:hover{color:#ddd6fe!important;-webkit-text-fill-color:#ddd6fe!important}
.card,.panel,.glass,.modal,.plan-card,.plugin-card,.support-card,.guide-card,.set-card,.modal-card,
.pricing-card,#sidebar,.sidebar,.topbar,.input-area>.flex,textarea,input,select{
 background:#101016!important;color:#f7f4fb!important;border-color:rgba(167,139,250,.22)!important
}
.badge,.pill,.chip,.sug-chip,.status-pill,.plan-badge,.popular,.pack.popular::after,.plan-fit{
 background:#17131f!important;color:#c4b5fd!important;-webkit-text-fill-color:#c4b5fd!important;
 border-color:rgba(167,139,250,.3)!important
}
.plan.featured{border-color:#8b5cf6!important;background:#12101a!important}
#sidebar .active,.sidebar .active,#sidebar .is-active,.sidebar .is-active,
#sidebar [aria-current="page"],.sidebar [aria-current="page"],#sidebar [aria-selected="true"],
.sidebar [aria-selected="true"],#sidebar [data-active="true"],.sidebar [data-active="true"]{
 background:#17131f!important;border-color:rgba(167,139,250,.34)!important;
 box-shadow:inset 3px 0 0 #8b5cf6!important
}
#sidebar svg,.sidebar svg,.sidebar-icon,.side-icon,.side-quick svg,.nav-item svg,.tool-button svg{color:#a78bfa!important}
.hero h1>span{background:linear-gradient(110deg,#ede9fe 5%,#a78bfa 48%,#7c3aed)!important;
 -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.hero::before{background:radial-gradient(ellipse at 50% 48%,rgba(124,58,237,.18) 0,transparent 66%)!important}
.hero-orbit{background-image:none!important}
.workspace{box-shadow:0 -6px 65px -27px rgba(139,92,246,.35),0 32px 60px -45px #000!important}
::selection{background:rgba(139,92,246,.38)!important;color:#fff!important}
*{scrollbar-color:rgba(139,92,246,.48) #07070b!important}
.success,.online,[data-state="online"]{color:#22c55e!important}
.error,.danger,.failed,[data-state="error"]{color:#ef4444!important}


/* v8 — remove remaining legacy gold overrides. Keep semantic success/error colours. */
:root{
 --gold:#8b5cf6!important;--stellar-gold:#8b5cf6!important;--stellar-gold-2:#a78bfa!important;
 --stellar-readable-gold:#a78bfa!important;--stellar-readable-gold-2:#c4b5fd!important;
 --stellar-gold-soft:rgba(139,92,246,.24)!important;--stellar-line:rgba(167,139,250,.25)!important;
}
.brand>svg,.brand-ai,.eyebrow,.tiny-star,.play-icon,.preview-brand svg,.assistant-mark svg,
.file-note>span,.footer-bottom i{color:#a78bfa!important}
.status-dot{background:#8b5cf6!important;box-shadow:0 0 10px rgba(139,92,246,.45)!important}
.hero-eyebrow{border-color:rgba(167,139,250,.24)!important;background:rgba(139,92,246,.07)!important}
.plan-badge{background:#8b5cf6!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.file.active{color:#c4b5fd!important;background:rgba(139,92,246,.10)!important}
.file.active i,.code-gold{color:#a78bfa!important}
.capability-card>a,.text-link,.example-open,.starter-note span{color:#b9a5ff!important}
:focus-visible{outline-color:#a78bfa!important}