/* RelationshipsIQ — Palette Expression V2
   Keep the site light. Make the canonical Folio palette visibly intentional.
   Canonical colors only:
   Ink #12161A | Graphite #585F66 | Prussian #1F364D | Slate #3A4550 |
   Steel #707B85 | Raw Umber #7A5B3E | light vellum/paper surfaces. */

:root{
  --riq-ink:#12161A;
  --riq-graphite:#585F66;
  --riq-prussian:#1F364D;
  --riq-slate:#3A4550;
  --riq-steel:#707B85;
  --riq-umber:#7A5B3E;
}

/* Keep the overall canvas light. */
body,
main,
.section,
.v2-section,
.demo-page,
.footer,
.cta-wrap{background:var(--page)!important;color:var(--ink)!important}

p,li,dd,.hero-copy,.section-copy,.v2-section-copy,.v2-lede,
.demo-section-head>p,.demo-command-copy>p{color:var(--riq-graphite)!important}

/* Primary actions: visible Prussian, still editorial. */
.btn-primary,.hero-actions .btn-primary,.v2-actions .btn-primary,.demo-primary{
  background:var(--riq-prussian)!important;
  color:var(--surface)!important;
  border-color:var(--riq-prussian)!important;
}
.btn-primary:hover,.hero-actions .btn-primary:hover,.v2-actions .btn-primary:hover,.demo-primary:hover{
  background:var(--riq-ink)!important;
  color:var(--surface)!important;
  border-color:var(--riq-ink)!important;
}

/* Navigation carries two accents instead of disappearing into gray. */
.nav-links a{color:var(--riq-slate)!important}
.nav-links a::after{background:var(--riq-prussian)!important}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--riq-umber)!important}
.brand b{color:var(--riq-prussian)!important}

/* Editorial section rhythm: make the palette visible at headline scale. */
main>.section:nth-of-type(5n+1) .section-title,
main>.v2-section:nth-of-type(5n+1) .v2-section-title{color:var(--riq-prussian)!important}
main>.section:nth-of-type(5n+2) .section-title,
main>.v2-section:nth-of-type(5n+2) .v2-section-title{color:var(--riq-ink)!important}
main>.section:nth-of-type(5n+3) .section-title,
main>.v2-section:nth-of-type(5n+3) .v2-section-title{color:var(--riq-slate)!important}
main>.section:nth-of-type(5n+4) .section-title,
main>.v2-section:nth-of-type(5n+4) .v2-section-title{color:var(--riq-umber)!important}
main>.section:nth-of-type(5n) .section-title,
main>.v2-section:nth-of-type(5n) .v2-section-title{color:var(--riq-ink)!important}

main>.section:nth-of-type(4n+1) .eyebrow,
main>.v2-section:nth-of-type(4n+1) .v2-eyebrow{color:var(--riq-prussian)!important}
main>.section:nth-of-type(4n+2) .eyebrow,
main>.v2-section:nth-of-type(4n+2) .v2-eyebrow{color:var(--riq-slate)!important}
main>.section:nth-of-type(4n+3) .eyebrow,
main>.v2-section:nth-of-type(4n+3) .v2-eyebrow{color:var(--riq-steel)!important}
main>.section:nth-of-type(4n) .eyebrow,
main>.v2-section:nth-of-type(4n) .v2-eyebrow{color:var(--riq-umber)!important}

/* Home hero: all six dark functional tones become perceptible immediately. */
.hero .kicker{color:var(--riq-umber)!important}
.hero h1{color:var(--riq-ink)!important}
.hero h1 span{color:var(--riq-prussian)!important}
.signal-head{color:var(--riq-steel)!important;border-bottom-color:var(--rule)!important}
.signal-row:nth-child(1) strong{color:var(--riq-prussian)!important}
.signal-row:nth-child(2) strong{color:var(--riq-slate)!important}
.signal-row:nth-child(3) strong{color:var(--riq-steel)!important}
.signal-row:nth-child(4) strong{color:var(--riq-umber)!important}
.signal-note{color:var(--riq-steel)!important}

/* Plates stay paper-light; rules, labels and headings rotate through the palette. */
.grid-4,.grid-3,.grid-2,.portfolio-grid,.asset-grid,.evidence-grid,.goal-lens-board,
.plan-stair,.merge-safety,.usecase-more,.atlas{background:var(--rule)!important}
.plate,.portfolio-card,.asset-card,.evidence-card,.goal-lens-card,.plan-tier,
.merge-card,.resource-card,.atlas-link,.intel-instrument,.usecase-card,.usecase-mini{
  background:var(--surface)!important;
  color:var(--riq-ink)!important;
}
.plate:nth-child(4n+1),.portfolio-card:nth-child(4n+1),.asset-card:nth-child(4n+1),
.evidence-card:nth-child(4n+1),.goal-lens-card:nth-child(4n+1),.plan-tier:nth-child(4n+1){border-top:3px solid var(--riq-prussian)!important}
.plate:nth-child(4n+2),.portfolio-card:nth-child(4n+2),.asset-card:nth-child(4n+2),
.evidence-card:nth-child(4n+2),.goal-lens-card:nth-child(4n+2),.plan-tier:nth-child(4n+2){border-top:3px solid var(--riq-slate)!important}
.plate:nth-child(4n+3),.portfolio-card:nth-child(4n+3),.asset-card:nth-child(4n+3),
.evidence-card:nth-child(4n+3),.goal-lens-card:nth-child(4n+3),.plan-tier:nth-child(4n+3){border-top:3px solid var(--riq-steel)!important}
.plate:nth-child(4n),.portfolio-card:nth-child(4n),.asset-card:nth-child(4n),
.evidence-card:nth-child(4n),.goal-lens-card:nth-child(4n),.plan-tier:nth-child(4n){border-top:3px solid var(--riq-umber)!important}

.plate:nth-child(4n+1) .plate-label,.portfolio-card:nth-child(4n+1) small,.asset-card:nth-child(4n+1) .asset-symbol{color:var(--riq-prussian)!important}
.plate:nth-child(4n+2) .plate-label,.portfolio-card:nth-child(4n+2) small,.asset-card:nth-child(4n+2) .asset-symbol{color:var(--riq-slate)!important}
.plate:nth-child(4n+3) .plate-label,.portfolio-card:nth-child(4n+3) small,.asset-card:nth-child(4n+3) .asset-symbol{color:var(--riq-steel)!important}
.plate:nth-child(4n) .plate-label,.portfolio-card:nth-child(4n) small,.asset-card:nth-child(4n) .asset-symbol{color:var(--riq-umber)!important}

.plate:nth-child(4n+1) .metric,.portfolio-card:nth-child(4n+1) strong{color:var(--riq-prussian)!important}
.plate:nth-child(4n+2) .metric,.portfolio-card:nth-child(4n+2) strong{color:var(--riq-slate)!important}
.plate:nth-child(4n+3) .metric,.portfolio-card:nth-child(4n+3) strong{color:var(--riq-steel)!important}
.plate:nth-child(4n) .metric,.portfolio-card:nth-child(4n) strong{color:var(--riq-umber)!important}

/* Network Runway: each state has a distinct canonical tone. */
.runway-summary,.runway-detail,.runway-bars{background:var(--surface)!important;color:var(--riq-ink)!important}
.runway-word,.runway-summary .runway-big{color:var(--riq-prussian)!important}
.runway-row:nth-child(1) .bar i,.demo-runway-row:nth-child(1) .demo-runway-bar i{background:var(--riq-prussian)!important}
.runway-row:nth-child(2) .bar i,.demo-runway-row:nth-child(2) .demo-runway-bar i{background:var(--riq-slate)!important}
.runway-row:nth-child(3) .bar i,.demo-runway-row:nth-child(3) .demo-runway-bar i{background:var(--riq-steel)!important}
.runway-row:nth-child(4) .bar i,.demo-runway-row:nth-child(4) .demo-runway-bar i{background:var(--riq-umber)!important}
.runway-row:nth-child(1) b{color:var(--riq-prussian)!important}
.runway-row:nth-child(2) b{color:var(--riq-slate)!important}
.runway-row:nth-child(3) b{color:var(--riq-steel)!important}
.runway-row:nth-child(4) b{color:var(--riq-umber)!important}

/* Rooms, Agent, evidence and provenance visibly separate semantic states. */
.room-line:nth-child(4n+1) span:first-child,.agent-answer dl div:nth-child(4n+1) dt{color:var(--riq-prussian)!important}
.room-line:nth-child(4n+2) span:first-child,.agent-answer dl div:nth-child(4n+2) dt{color:var(--riq-slate)!important}
.room-line:nth-child(4n+3) span:first-child,.agent-answer dl div:nth-child(4n+3) dt{color:var(--riq-steel)!important}
.room-line:nth-child(4n) span:first-child,.agent-answer dl div:nth-child(4n) dt{color:var(--riq-umber)!important}
.agent-prompt:nth-child(odd){color:var(--riq-prussian)!important}
.agent-prompt:nth-child(even){color:var(--riq-slate)!important}
.verified,.mag-verified,[data-status="verified"],[data-state="verified"],.provenance,.source-verified,.demo-evidence b{color:var(--riq-umber)!important}
.unknown,.uncertain,[data-status="unknown"],[data-state="unknown"]{color:var(--riq-steel)!important}

/* Cloud/integration/resource surfaces remain light but gain visible identity. */
.cloud-item,.integration-item,.source-chip,.plate-inset,.v2-inverse{
  background:var(--app-surface)!important;
  color:var(--riq-ink)!important;
}
.cloud-item:nth-child(3n+1),.integration-item:nth-child(3n+1),.source-chip:nth-child(3n+1){border-top:3px solid var(--riq-prussian)!important}
.cloud-item:nth-child(3n+2),.integration-item:nth-child(3n+2),.source-chip:nth-child(3n+2){border-top:3px solid var(--riq-slate)!important}
.cloud-item:nth-child(3n),.integration-item:nth-child(3n),.source-chip:nth-child(3n){border-top:3px solid var(--riq-umber)!important}
.cloud-item:nth-child(3n+1) strong{color:var(--riq-prussian)!important}
.cloud-item:nth-child(3n+2) strong{color:var(--riq-slate)!important}
.cloud-item:nth-child(3n) strong{color:var(--riq-umber)!important}

/* V2/page-specific data accents. */
.stage-index,.v2-note,.shift-index,.demo-step-label,.demo-workspace-label{color:var(--riq-steel)!important}
.asset-symbol,.shift-arrow,.pipeline-arrow,.chain-arrow{color:var(--riq-prussian)!important}
.plan-tier:nth-child(2) h3,.merge-card:nth-child(2) strong{color:var(--riq-slate)!important}
.plan-tier:nth-child(3) h3,.merge-card:nth-child(3) strong{color:var(--riq-umber)!important}
.atlas-col:nth-child(4n+1) .atlas-title{color:var(--riq-prussian)!important}
.atlas-col:nth-child(4n+2) .atlas-title{color:var(--riq-slate)!important}
.atlas-col:nth-child(4n+3) .atlas-title{color:var(--riq-steel)!important}
.atlas-col:nth-child(4n) .atlas-title{color:var(--riq-umber)!important}

/* Demo: keep the results light while making the intelligence hierarchy colorful. */
.demo-page .demo-section-kicker,.demo-page .demo-signal-label{color:var(--riq-prussian)!important}
.demo-page .demo-metric:nth-child(1) strong{color:var(--riq-prussian)!important}
.demo-page .demo-metric:nth-child(2) strong{color:var(--riq-slate)!important}
.demo-page .demo-metric:nth-child(3) strong{color:var(--riq-umber)!important}
.demo-page .demo-metric:nth-child(4) strong{color:var(--riq-steel)!important}
.demo-page .demo-quadrant:nth-child(1){border-top-color:var(--riq-prussian)!important}
.demo-page .demo-quadrant:nth-child(2){border-top-color:var(--riq-slate)!important}
.demo-page .demo-quadrant:nth-child(3){border-top-color:var(--riq-steel)!important}
.demo-page .demo-quadrant:nth-child(4){border-top-color:var(--riq-umber)!important}
.demo-page .riq-move-v2:nth-child(1)::before{background:var(--riq-prussian)!important}
.demo-page .riq-move-v2:nth-child(2)::before{background:var(--riq-slate)!important}
.demo-page .riq-move-v2:nth-child(3)::before{background:var(--riq-umber)!important}
.demo-page .riq-path-card-v2:nth-child(1){border-top-color:var(--riq-prussian)!important}
.demo-page .riq-path-card-v2:nth-child(2){border-top-color:var(--riq-slate)!important}
.demo-page .riq-path-card-v2:nth-child(3){border-top-color:var(--riq-umber)!important}

/* CTA/footer: Umber gets a clearly visible, restrained role. */
.cta::before,.v2-cta::before{background:var(--riq-umber)!important}
.cta .eyebrow,.v2-cta .v2-eyebrow{color:var(--riq-umber)!important}
.footer-url{color:var(--riq-umber)!important}
.footer h4:nth-of-type(odd){color:var(--riq-prussian)!important}
.footer-bottom{color:var(--riq-steel)!important;text-transform:none!important}
.footer-bottom a{color:var(--riq-prussian)!important;text-decoration:none!important}
.footer-bottom a:hover{color:var(--riq-umber)!important}

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