:root {
  color-scheme: light;
  --navy:#20232d;--navy-2:#343544;--navy-soft:#444657;
  --navy-950:#20232d;--navy-900:#193533;--navy-800:#444657;--navy-700:#49615b;
  --night:#20232d;--night-2:#444657;--ink:#20232d;--muted:#68736f;
  --line:#d8dfda;--canvas:#f7f6f2;--card:#ffffff;--surface:#ffffff;--soft:#edf1f8;
  --mint:#6850c4;--mint-dark:#533aa9;--mint-deep:#533aa9;--mint-soft:#eee9fa;
  --green-500:#6850c4;--green-400:#a9bcea;--good:#526168;--good-bg:#edf0ee;
  --blue:#52676d;--amber:#533aa9;--amber-soft:#edf1f8;--warning:#533aa9;--warning-bg:#edf1f8;
  --shadow:0 18px 48px rgba(31,37,40,.09);
  --premium-navy:#20232d;--premium-navy-soft:#444657;--premium-ink:#20232d;
  --premium-muted:#667074;--premium-line:#d9dad6;--premium-mint:#6850c4;
  --premium-surface:#ffffff;--premium-canvas:#f7f6f2;
  --client-accent:#6850c4;--client-accent-soft:rgba(104,80,196,.16);--client-accent-glow:rgba(104,80,196,.5);
}

body{color:var(--ink)}::selection{color:#fff;background:#533aa9}
.topbar,.secure-top{color:#fff!important;background:#20232d!important;border-bottom-color:rgba(255,255,255,.1)!important}
.eyebrow,.connection-label,.opening-kicker,.setup-tour-header p,.setup-tour-copy>span{color:#533aa9!important}
.primary-button,.romy-launch,.voice-start,.opening-start-orb,.opening-start-orb.is-ready,.setup-tour-play,.start,.approve-button,button[type="submit"]:not(.password-toggle){border-color:#6850c4!important;color:#fff!important;background:linear-gradient(135deg,#6850c4,#533aa9)!important;box-shadow:0 12px 28px rgba(83,58,169,.18)!important}
input:focus,select:focus,textarea:focus{border-color:#6850c4!important;outline-color:rgba(104,80,196,.18)!important}
a:not(.brand):not(.brand-link):not(.back-link){color:#533aa9}

body:has(.secure-card),body:has(.card),body:has(.shell>.intro){background:radial-gradient(circle at 88% 4%,rgba(104,80,196,.18),transparent 30rem),radial-gradient(circle at 8% 100%,rgba(255,255,255,.06),transparent 34rem),#20232d!important}
.intro{background:radial-gradient(circle at 12% 0,rgba(104,80,196,.2),transparent 21rem),linear-gradient(145deg,#20232d,#444657)!important}
.intro p,.trust{color:#d8dcda!important}.panel,.card,body>main:not(.secure-card){background:#ffffff!important}
.pill{color:#6f5b30!important;background:#eee9fa!important}.notice{border-left-color:#6850c4!important;background:#f1f5f2!important}.row.total{background:linear-gradient(135deg,#20232d,#3b474b)!important}
.secure-shell{background:#20232d!important}.secure-card{background:#f7f6f2!important}.secure-main,.panel{color:#20232d}.status,.tile,.video-card{border-color:#d9dad6!important;background:#ffffff!important}

html:has(.onboarding-opening){background:#20232d}body.step-page-mode{background:linear-gradient(#20232d 0 240px,#f7f6f2 240px 100%)}
.onboarding-opening{background:radial-gradient(circle at 50% 0%,rgba(104,80,196,.22),transparent 35%),radial-gradient(circle at 12% 82%,rgba(255,255,255,.06),transparent 30%),linear-gradient(145deg,#171c1e 0%,#293236 55%,#202629 100%)!important}
.opening-card{border-color:rgba(104,80,196,.28)!important;color:#fff!important;background:linear-gradient(160deg,rgba(43,51,54,.98),rgba(25,30,32,.99))!important}
.opening-card:before{background:linear-gradient(90deg,#7f5a31,#a9bcea 50%,#7f5a31)!important}.opening-card:after{border-color:rgba(104,80,196,.14)!important;box-shadow:0 0 0 90px rgba(104,80,196,.02),0 0 0 180px rgba(255,255,255,.012)!important}
.opening-brand-tagline,.opening-copy,.opening-summary span,.opening-tour-button,.opening-voice-status{color:#e7e5df!important}.opening-summary span{border-color:#5c666a!important;background:rgba(73,84,88,.58)!important}
.opening-tour-button span{border-color:#9a7d49!important;background:rgba(181,151,90,.5)!important}.opening-romy{border-color:#6850c4!important;background:#20232d!important;box-shadow:0 16px 34px rgba(0,0,0,.3),0 0 0 8px rgba(104,80,196,.1)!important}.opening-romy span{border-color:#20232d!important;background:#a9bcea!important}
.setup-tour{background:rgba(25,30,32,.9)!important}.setup-tour-player{border-color:#505b5f!important;background:linear-gradient(155deg,#2c3538,#171c1e)!important}.setup-tour-screen{border-color:#505b5f!important;background:radial-gradient(circle at 85% 12%,rgba(104,80,196,.2),transparent 30%),#1d2326!important}
.tour-mock-brand i,.tour-mock-card i{background:linear-gradient(135deg,#444657,#6850c4)!important}.tour-mock-step{color:#533aa9!important}.setup-tour-copy>p,.setup-tour-status{color:#d8dcda!important}.setup-tour-progress i{background:linear-gradient(90deg,#533aa9,#bfa66f)!important}
.setup-tour-controls .setup-tour-play{background:linear-gradient(135deg,#6850c4,#533aa9)!important}.setup-tour-chapters button{border-color:#4b565a!important;color:#c7ccca!important;background:#252d30!important}.setup-tour-chapters button.is-active{border-color:#e09a53!important;color:#fff!important;background:#533aa9!important}.setup-tour-chapters button.is-complete{color:#d8c99f!important;border-color:#8b7243!important}
.step-shell,.step-card,.setup-card,.question-card{border-color:#d9dad6!important;background:#ffffff!important}

.owner-brief,.budget-summary,.romy-intro,.hero-card,.access-panel{background:radial-gradient(circle at 88% 12%,rgba(104,80,196,.18),transparent 32%),linear-gradient(135deg,#20232d,#444657)!important}
.romy-intro .eyebrow,.owner-brief .eyebrow{color:#bfa66f!important}.romy-intro p,.owner-brief p{color:#d8dcda!important}
.preview-pill,.private-pill,.sandbox-badge{color:#6f5b30!important;background:#eee9fa!important}.preview-pill span,.private-pill i,.sandbox-badge i{background:#6850c4!important;box-shadow:0 0 0 4px rgba(104,80,196,.12)!important}
.recommended-action,.protection-note{border-color:#6850c4!important;background:#eee9fa!important}.health-score{background:conic-gradient(#6850c4 0 92%,#e6e7e3 92% 100%)!important}.bar.current{background:linear-gradient(180deg,#398c73,#533aa9)!important}.accent-choices .mint{--swatch:#6850c4!important}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

/* Unified VibrantaAI finish: warm matte white, charcoal type, stone structure, amber energy. */
:root{
  --romy-neon-blue:#6850c4;--romy-neon-blue-deep:#533aa9;--romy-neon-blue-soft:rgba(104,80,196,.16);
  --sky-100:#f3eee6;--soft:#eee9fa;--gold:#6850c4;--red:#9d3b34;
  --premium-blue:#52676d;--danger:#9d3b34;
}

html{background:#f7f6f2!important}
body{
  color:#20232d!important;
  background:radial-gradient(circle at 92% 2%,rgba(104,80,196,.11),transparent 28rem),#f7f6f2!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body:has(.secure-card),body:has(.card),body:has(.shell>.intro){
  background:radial-gradient(circle at 90% 0,rgba(104,80,196,.13),transparent 29rem),#f7f6f2!important;
}

:where(.card,.rail-card,.brief-card,.support-card,.status,.tile,.video-card,.conversation-card,.conversation-panel,.client-snapshot,.connection-rail,.metric-grid>article,.metric-grid>div,.settings-drawer,.research-source-card,.research-recap,.source-list article,.answer-section,.message-stream,.prompt-area,.composer,.ask-form){
  border-color:#d9dad6!important;
  background-color:#ffffff!important;
}

:where(.card,.rail-card,.brief-card,.support-card,.conversation-card,.conversation-panel,.secure-card,.panel){
  box-shadow:0 18px 48px rgba(31,37,40,.08)!important;
}

:where(input,select,textarea){color:#20232d!important;border-color:#cfd1cc!important;background:#ffffff!important}
:where(input,select,textarea)::placeholder{color:#868d8f!important}
:where(input,select,textarea):focus{border-color:#6850c4!important;box-shadow:0 0 0 3px rgba(104,80,196,.12)!important}

:where(.primary-button,.session-button,.full-brief-button,.save-settings,.start,.cta:first-of-type,.voice-start,.romy-launch,.setup-tour-play,.opening-start-orb,.approve-button,button[type="submit"]:not(.password-toggle)){
  color:#fff!important;
  border-color:#6850c4!important;
  background:linear-gradient(135deg,#6850c4,#533aa9)!important;
  box-shadow:0 10px 24px rgba(83,58,169,.18)!important;
}

:where(.topbar,.secure-top){background:#20232d!important}
:where(.brand small,.topbar .account-name,.topbar .private-pill,.topbar .package-pill){color:#e1e2de!important}
:where(.topbar .private-pill,.topbar .package-pill,.sandbox-badge){border-color:rgba(104,80,196,.32)!important;background:rgba(104,80,196,.11)!important}

:where(.eyebrow,.section-label,.connection-label,.form-step-label,.opening-kicker,.step,.tour-mock-step){color:#533aa9!important}
:where(.preview-pill,.private-pill,.sandbox-badge,.read-only-badge,.ready-pill,.verified,.status.review){color:#6f5b30!important;background:#eee9fa!important}

:where(.owner-brief,.priority-card,.hero-card,.access-panel,.presence-panel,.romy-intro){
  color:#fff!important;
  border-color:#414b4f!important;
  background:radial-gradient(circle at 88% 9%,rgba(104,80,196,.2),transparent 32%),linear-gradient(145deg,#20232d,#444657)!important;
}
:where(.owner-brief,.priority-card,.hero-card,.access-panel,.presence-panel,.romy-intro) :where(h1,h2,h3,strong){color:#fff!important}
:where(.owner-brief,.priority-card,.hero-card,.access-panel,.presence-panel,.romy-intro) :where(p,small,span:not(.eyebrow):not(.section-label)){color:#d8dcda}

/* The narrated sales demo now belongs to the same visual family. */
.welcome,.complete{
  background:radial-gradient(circle at 82% 8%,rgba(104,80,196,.22),transparent 34%),linear-gradient(145deg,#20232d,#444657)!important;
}
.welcome .eyebrow,.complete .eyebrow{color:#bfa66f!important}
.welcome p,.complete p{color:#e0e2de!important}
.welcome .start,.complete .start{color:#fff!important;background:linear-gradient(135deg,#6850c4,#533aa9)!important}
.caption-panel{border-color:#d9dad6!important;background:#ffffff!important}
.caption-panel .step{color:#533aa9!important}.caption-panel .caption{color:#4f595d!important}
.caption-panel .control{color:#20232d!important;background:#ecece7!important}
.caption-panel .progress{background:#e3e2dd!important}.caption-panel .progress i{background:linear-gradient(90deg,#533aa9,#bfa66f)!important}
.view-pill,.label{color:#f1c18f!important;background:rgba(104,80,196,.14)!important}

/* Romy and onboarding presence marks use amber instead of leftover teal/blue. */
.romy-orb,.romy-mark,.message-avatar,.opening-tour-button span,.tour-mock-brand i,.tour-mock-card i{
  background:radial-gradient(circle at 30% 25%,#efa85f,#6850c4 50%,#444657)!important;
  box-shadow:0 12px 28px rgba(83,58,169,.18)!important;
}
.romy-orb i,.romy-mark i,.romy-presence>i,.data-line i,.live-pulse,.private-pill i,.sandbox-badge i{background:#6850c4!important}
.guided-now,.live-state,.answer-highlight,.recommended-action,.protection-note,.guardrail{
  color:#5d3a19!important;
  border-color:#e1b789!important;
  background:#eee9fa!important;
}
.guided-target,.tour-focus{outline-color:rgba(104,80,196,.68)!important;box-shadow:0 0 0 8px rgba(104,80,196,.12),var(--shadow)!important}

/* Keep green and red meaningful rather than decorative. */
:where(.is-complete,.complete,.connected,.ready,.positive,.passed){--good:#386a57;--good-bg:#edf1f8}
:where(.has-errors,.urgent,.danger,.overdue){--danger:#9d3b34}

/* Light protected-access screens: crisp, warm, and readable. */
.secure-shell{background:transparent!important}
.secure-card{color:#20232d!important;border-color:#d9dad6!important;background:#ffffff!important}
.intro{background:radial-gradient(circle at 12% 0,rgba(104,80,196,.18),transparent 22rem),linear-gradient(145deg,#20232d,#444657)!important}
.intro p,.intro .trust{color:#d8dcda!important}

@media(max-width:720px){body{background:#f7f6f2!important}}