/* A living ocean: emerald, azure, iris and coral pink on deep blue. */
:root{
  --emerald:#5bd8b0;--emerald-ink:#126b53;--emerald-pale:#edf9f3;
  --azure:#8fcaff;--azure-ink:#255b92;--azure-pale:#edf5ff;
  --iris:#b8a4ff;--iris-ink:#6041a5;--iris-pale:#f3eeff;
  --coral-pink:#f0a0ca;--coral-pink-ink:#983867;--coral-pink-pale:#fdf0f7;
}
.hero .eyebrow{color:#cde5ff}
.hero .eyebrow .tiny-wave{color:var(--iris)}
.hero .btn-ghost{border-color:#b8a4ff80;color:#eee5ff;background:#6b4eab1c}
.hero .btn-ghost:hover{background:#8b6dbb33;border-color:#d2c4ff}
.steps .step-number{color:var(--emerald-ink)}
.steps article:nth-child(2) .step-number{color:var(--azure-ink)}
.steps article:nth-child(3) .step-number{color:var(--iris-ink)}
.feature-grid{gap:22px}
.feature-grid article{padding:28px;border:1px solid #c8e7d8;border-radius:12px;background:var(--emerald-pale)}
.feature-grid article:nth-child(2){background:var(--iris-pale);border-color:#d9caf4}
.feature-grid article:nth-child(3){background:var(--azure-pale);border-color:#cbdff4}
.feature-grid article:first-child .feature-symbol{color:var(--emerald-ink);background:#d4f2e3}
.feature-grid article:nth-child(2) .feature-symbol{color:var(--iris-ink);background:#e4d8ff}
.feature-grid article:nth-child(3) .feature-symbol{color:var(--azure-ink);background:#d4e8ff}
.feature-section .eyebrow{color:var(--iris-ink)}
.feature-heading h2>span{color:var(--iris-ink)}
.demo-tab.active{background:var(--coral-pink-pale);border-color:#d89bbb;color:var(--coral-pink-ink)}
.demo-section .eyebrow,.search-demo .result-label{color:var(--coral-pink-ink)}
.demo-grid h2>span{color:var(--coral-pink-ink)}
.search-demo{border-color:#dfbfd9;box-shadow:0 20px 60px #633f6410}
.demo-top{border-bottom-color:#e6d5e5}
.price-card:first-child{border-top:3px solid var(--emerald)}
.pricing-heading h2>span{color:#d1c0ff}
.price-card:first-child .btn{background:#173f40;border-color:#32665b;color:#a4f0d2}
.price-card:last-child{border-top:3px solid var(--azure)}
.price-card:last-child .btn{background:#1b354e;border-color:#365d81;color:#c0e1ff}
.price-card.featured{border-color:var(--iris);border-top:3px solid var(--iris);background:linear-gradient(155deg,#29243f,#182a3b)}
.price-card.featured .price-badge,.price-card.featured .btn{background:var(--iris);color:#24153e}
.price-card.featured .btn:hover{background:#d0c2ff}
.price-card:first-child .btn:hover{background:#22534e}
.price-card:last-child .btn:hover{background:#274a6b}
.price-card:first-child .plan-features li::before{color:var(--emerald)}
.price-card.featured .plan-features li::before{color:var(--iris)}
.price-card:last-child .plan-features li::before{color:var(--azure)}
.final-cta .btn-primary{background:var(--azure);color:#082535}
.final-cta .btn-primary:hover{background:#c5e2ff}
.final-cta.ocean-scene .tiny-wave{color:var(--coral-pink)}
.pipeline-controls [data-pipeline=index].active{background:var(--azure-pale);box-shadow:inset 0 3px var(--azure)}
.pipeline-controls [data-pipeline=search].active{background:var(--iris-pale);box-shadow:inset 0 3px var(--iris)}
.pipeline-controls [data-pipeline=index].active>span{color:var(--azure-ink)}
.pipeline-controls [data-pipeline=search].active>span{color:var(--iris-ink)}
.map-presets button.active{background:var(--coral-pink-pale);border-color:#d89bbb;color:var(--coral-pink-ink)}
.semantic-copy .eyebrow{color:var(--coral-pink-ink)}
.semantic-copy h2>span{color:var(--azure-ink)}
.map-node-a{color:#c7f8e3;border-color:#5bd8b08c;background:#174238d9}
.map-node-b{color:#eadfff;border-color:#b8a4ff8c;background:#33254bd9}
.map-node-c{color:#d9edff;border-color:#8fcaff8c;background:#173953d9}
.map-node-d{color:#ffdaed;border-color:#f0a0ca8c;background:#45283ed9}
.map-key-dot{background:#b95d91;box-shadow:0 0 0 4px #b95d9116}
.how-it-works{background:linear-gradient(115deg,#edf9f3,#edf5ff 55%,#f3eeff);border-color:#d6dfee}
.how-intro .eyebrow{color:var(--iris-ink)}
.how-step:nth-child(2)>span{color:var(--emerald-ink);border-color:#9dcbb8}
.how-step:nth-child(3)>span{color:var(--azure-ink);border-color:#90b2d1}
.how-step:nth-child(4)>span{color:var(--iris-ink);border-color:#b9a4df}

/* Color has the same meaning throughout the workspace. */
.sidebar .nav-item{--nav-accent:#5bd8b0;--nav-tint:#143c39}
.sidebar .nav-item[data-view=search],.sidebar .nav-item[data-view=team]{--nav-accent:#c0aaff;--nav-tint:#302642}
.sidebar .nav-item[data-view=jobs],.sidebar .nav-item[data-view=api],.sidebar .nav-item[data-view=keys]{--nav-accent:#8fcaff;--nav-tint:#19394f}
.sidebar .nav-item[data-view=billing],.sidebar .nav-item[data-view=account]{--nav-accent:#f0a0ca;--nav-tint:#3a293e}
.sidebar .nav-item>.icon{color:var(--nav-accent)}
.sidebar .nav-item.active{background:var(--nav-tint);color:#f2f5ff;box-shadow:inset 3px 0 var(--nav-accent)}
.app-shell .metric{border-top:3px solid var(--metric-accent);background:var(--metric-panel)}
.app-shell .metric:nth-child(4n+1){--metric-accent:var(--emerald);--metric-ink:var(--emerald-ink);--metric-tint:#d6f3e5;--metric-panel:#f4fcf8}
.app-shell .metric:nth-child(4n+2){--metric-accent:var(--azure);--metric-ink:var(--azure-ink);--metric-tint:#dcebff;--metric-panel:#f4f8ff}
.app-shell .metric:nth-child(4n+3){--metric-accent:var(--iris);--metric-ink:var(--iris-ink);--metric-tint:#e6ddfc;--metric-panel:#f8f5ff}
.app-shell .metric:nth-child(4n+4){--metric-accent:var(--coral-pink);--metric-ink:var(--coral-pink-ink);--metric-tint:#f9deee;--metric-panel:#fff6fb}
.app-shell .metric .metric-icon{background:var(--metric-tint);color:var(--metric-ink)}
.app-shell .metric-value{color:var(--metric-ink)}
.app-shell .source-symbol{background:var(--azure-pale);color:var(--azure-ink);border-color:#cbdff4}
.app-shell .status-pill.running{background:#eee8fc;color:#6541aa}
.app-shell .status-pill.queued{background:#e9f2ff;color:#2a5b94}
.app-shell .status-pill.failed{background:#fbe8f0;color:#a03663}
.app-shell .similarity{background:var(--iris-pale);color:var(--iris-ink)}
.app-shell .user-avatar{background:var(--iris-pale);color:var(--iris-ink)}
#view-search .page-heading .eyebrow,#view-team .page-heading .eyebrow{color:var(--iris-ink)}
#view-jobs .page-heading .eyebrow,#view-api .page-heading .eyebrow,#view-keys .page-heading .eyebrow{color:var(--azure-ink)}
#view-billing .page-heading .eyebrow,#view-account .page-heading .eyebrow{color:var(--coral-pink-ink)}
#view-search .button.primary{background:#6848ad;border-color:#6848ad;color:white}
#view-search .button.primary:hover{background:#55358f}
.usage-item{--usage-accent:#168c69}
.usage-item:nth-of-type(4n+2){--usage-accent:#3878be}
.usage-item:nth-of-type(4n+3){--usage-accent:#8660c3}
.usage-item:nth-of-type(4n+4){--usage-accent:#bb5a91}
.usage-item progress{accent-color:var(--usage-accent)}
.usage-item progress::-webkit-progress-value{background:var(--usage-accent)}
.usage-item progress::-moz-progress-bar{background:var(--usage-accent)}
.workspace-plan:first-child{border-top:3px solid var(--emerald)}
.workspace-plan:last-child{border-top:3px solid var(--azure)}
.workspace-plan.featured{border-color:#b8a4df;border-top:3px solid var(--iris);background:var(--iris-pale)}
.workspace-plan.featured .eyebrow{color:var(--iris-ink)}
.workspace-plan.featured .button.primary{background:#6848ad;border-color:#6848ad;color:white}

html[data-theme=dark] .steps .step-number{color:var(--emerald)}
html[data-theme=dark] .steps article:nth-child(2) .step-number{color:var(--azure)}
html[data-theme=dark] .steps article:nth-child(3) .step-number,html[data-theme=dark] .feature-section .eyebrow{color:var(--iris)}
html[data-theme=dark] .feature-grid article{background:#12392f;border-color:#2f6150}
html[data-theme=dark] .feature-grid article:nth-child(2){background:#2b2440;border-color:#5a477d}
html[data-theme=dark] .feature-grid article:nth-child(3){background:#142f49;border-color:#365b7d}
html[data-theme=dark] .feature-grid article:first-child .feature-symbol{background:#20523f;color:#abf1cf}
html[data-theme=dark] .feature-grid article:nth-child(2) .feature-symbol{background:#473362;color:#e6daff}
html[data-theme=dark] .feature-grid article:nth-child(3) .feature-symbol{background:#294c70;color:#d1e8ff}
html[data-theme=dark] .feature-grid article:first-child h3{color:#a7efd0}
html[data-theme=dark] .feature-grid article:nth-child(2) h3{color:#d6c5ff}
html[data-theme=dark] .feature-grid article:nth-child(3) h3{color:#b9ddff}
html[data-theme=dark] .feature-heading h2>span{color:#d6c5ff}
html[data-theme=dark] .demo-grid h2>span{color:#f0b1d4}
html[data-theme=dark] .semantic-copy h2>span{color:#a9d6ff}
html[data-theme=dark] .demo-tab.active,html[data-theme=dark] .map-presets button.active{background:#3c2b43;color:#f5b8d9;border-color:#865c82}
html[data-theme=dark] .demo-section .eyebrow,html[data-theme=dark] .search-demo .result-label,html[data-theme=dark] .semantic-copy .eyebrow{color:var(--coral-pink)}
html[data-theme=dark] .search-demo{border-color:#695071}
html[data-theme=dark] .demo-top{border-bottom-color:#4b3e5b}
html[data-theme=dark] .pipeline-controls [data-pipeline=index].active{background:#173750;box-shadow:inset 0 3px var(--azure)}
html[data-theme=dark] .pipeline-controls [data-pipeline=search].active{background:#302642;box-shadow:inset 0 3px var(--iris)}
html[data-theme=dark] .pipeline-controls [data-pipeline=index].active>span{color:#c4e4ff}
html[data-theme=dark] .pipeline-controls [data-pipeline=search].active>span{color:#d9caff}
html[data-theme=dark] .how-it-works{background:linear-gradient(115deg,#153730,#192f45 55%,#302540);border-color:#43506a}
html[data-theme=dark] .how-intro .eyebrow,html[data-theme=dark] .how-step:nth-child(4)>span{color:var(--iris)}
html[data-theme=dark] .how-step:nth-child(2)>span{color:var(--emerald)}
html[data-theme=dark] .how-step:nth-child(3)>span{color:var(--azure)}
html[data-theme=dark] .app-shell .metric{background:var(--metric-panel)}
html[data-theme=dark] .app-shell .metric:nth-child(4n+1){--metric-ink:#95e9c1;--metric-tint:#245440;--metric-panel:#10362f}
html[data-theme=dark] .app-shell .metric:nth-child(4n+2){--metric-ink:#a9d6ff;--metric-tint:#264d72;--metric-panel:#142f47}
html[data-theme=dark] .app-shell .metric:nth-child(4n+3){--metric-ink:#d5c1ff;--metric-tint:#493468;--metric-panel:#2a2341}
html[data-theme=dark] .app-shell .metric:nth-child(4n+4){--metric-ink:#f6b8dc;--metric-tint:#633b57;--metric-panel:#3c283c}
html[data-theme=dark] .app-shell .source-symbol{background:#1d3e5b;color:#b3d9ff;border-color:#395c7d}
html[data-theme=dark] .app-shell .status-pill.running{background:#3c2d55;color:#ddc9ff}
html[data-theme=dark] .app-shell .status-pill.queued{background:#203d5a;color:#b7daff}
html[data-theme=dark] .app-shell .status-pill.failed{background:#522d43;color:#fbb7d4}
html[data-theme=dark] .app-shell .similarity,html[data-theme=dark] .app-shell .user-avatar{background:#3d2e59;color:#ddcbff}
html[data-theme=dark] #view-search .page-heading .eyebrow,html[data-theme=dark] #view-team .page-heading .eyebrow{color:var(--iris)}
html[data-theme=dark] #view-jobs .page-heading .eyebrow,html[data-theme=dark] #view-api .page-heading .eyebrow,html[data-theme=dark] #view-keys .page-heading .eyebrow{color:var(--azure)}
html[data-theme=dark] #view-billing .page-heading .eyebrow,html[data-theme=dark] #view-account .page-heading .eyebrow{color:var(--coral-pink)}
html[data-theme=dark] #view-search .button.primary{background:var(--iris);border-color:var(--iris);color:#24153e}
html[data-theme=dark] #view-search .button.primary:hover{background:#d0c2ff}
html[data-theme=dark] .usage-item{--usage-accent:var(--emerald)}
html[data-theme=dark] .usage-item:nth-of-type(4n+2){--usage-accent:var(--azure)}
html[data-theme=dark] .usage-item:nth-of-type(4n+3){--usage-accent:var(--iris)}
html[data-theme=dark] .usage-item:nth-of-type(4n+4){--usage-accent:var(--coral-pink)}
html[data-theme=dark] .workspace-plan.featured{border-color:var(--iris);background:#2b2540}
html[data-theme=dark] .workspace-plan.featured .eyebrow{color:#dacbff}
html[data-theme=dark] .workspace-plan.featured .button.primary{background:var(--iris);border-color:var(--iris);color:#24153e}
@media(max-width:760px){.feature-grid article{padding:24px 22px 24px 82px}.feature-grid .feature-symbol{left:22px;top:24px}}

.app-shell .metric[data-metric=storage]{--metric-accent:#68d4d7;--metric-ink:#196873;--metric-tint:#d6f1f3;--metric-panel:#f1fbfc}
.app-shell .metric[data-metric=updated]{--metric-accent:var(--coral-pink);--metric-ink:var(--coral-pink-ink);--metric-tint:#f9deee;--metric-panel:#fff6fb}
html[data-theme=dark] .app-shell .metric[data-metric=storage]{--metric-ink:#a3e7ed;--metric-tint:#25545f;--metric-panel:#15363f}
html[data-theme=dark] .app-shell .metric[data-metric=updated]{--metric-ink:#f6b8dc;--metric-tint:#633b57;--metric-panel:#3c283c}