/* AURORA Standards | v6 color-contrast remediation, 2026-10-17
   Scoped to public marketing UI draft. Only color/contrast and blue artwork hues.
   No HTML, layout, navigation, application or data modifications. */

/* 1. DARK MARKETPLACE SECTION ON HOME: restore light writing.
   Prevent broad "section heading" and "split showcase" selectors from
   setting dark fonts on this dark panel. */
body.i360-we-managed-page .i360-web section.i360-marketplace-home {
  background: linear-gradient(125deg,#2B1F28,#4F2E3D 78%) !important;
  color: #FFF8F0 !important;
}
body.i360-we-managed-page .i360-web section.i360-marketplace-home
.i360-split-showcase__copy > h2,
body.i360-we-managed-page .i360-web section.i360-marketplace-home
.i360-split-showcase__copy :is(h1,h3,h4,strong) {
  color: #FFF8F0 !important;
  -webkit-text-fill-color: #FFF8F0 !important;
  opacity: 1 !important;
}
body.i360-we-managed-page .i360-web section.i360-marketplace-home
.i360-split-showcase__copy > p {
  color: #F1DFCF !important;
  -webkit-text-fill-color: #F1DFCF !important;
  opacity: 1 !important;
}
body.i360-we-managed-page .i360-web section.i360-marketplace-home
.i360-split-showcase__copy > .i360-eyebrow {
  color: #E8C19A !important;
  -webkit-text-fill-color: #E8C19A !important;
  opacity: 1 !important;
}
body.i360-we-managed-page .i360-web section.i360-marketplace-home
.i360-service-pills > span {
  background: rgba(248,228,211,.10) !important;
  border-color: rgba(240,213,190,.38) !important;
  color: #FFF7ED !important;
  -webkit-text-fill-color: #FFF7ED !important;
}
body.i360-we-managed-page .i360-web section.i360-marketplace-home
.i360-button--light {
  background: #E4BC8B !important;
  color: #302328 !important;
  -webkit-text-fill-color: #302328 !important;
  border-color: #E4BC8B !important;
}

/* 2. LEGIBILITY IN ALL KNOWN DARK SECTIONS. Only target content containers,
   not nested white message cards, analytics panels or interactive data. */
body.i360-we-managed-page .i360-web section.i360-product-story
> .i360-container > .i360-section-heading :is(h2,h3),
body.i360-we-managed-page .i360-web section.i360-aurora-home
.i360-aurora-home__copy > :is(h2,h3),
body.i360-we-managed-page .i360-web section.i360-sector-details
.i360-section-heading :is(h2,h3),
body.i360-we-managed-page .i360-web section.i360-included-services
.i360-section-heading :is(h2,h3),
body.i360-we-managed-page .i360-web section.i360-resource-categories
.i360-section-heading :is(h2,h3),
body.i360-we-managed-page .i360-web section.i360-aurora-scenarios
.i360-section-heading :is(h2,h3),
body.i360-we-managed-page .i360-web section.i360-final-cta
.i360-final-cta__inner :is(h2,h3) {
  color: #FFF8F0 !important;
  -webkit-text-fill-color: #FFF8F0 !important;
  opacity: 1 !important;
}
body.i360-we-managed-page .i360-web section.i360-product-story
> .i360-container > .i360-section-heading > p,
body.i360-we-managed-page .i360-web section.i360-aurora-home
.i360-aurora-home__copy > p,
body.i360-we-managed-page .i360-web section.i360-sector-details
.i360-section-heading > p,
body.i360-we-managed-page .i360-web section.i360-included-services
.i360-section-heading > p,
body.i360-we-managed-page .i360-web section.i360-resource-categories
.i360-section-heading > p,
body.i360-we-managed-page .i360-web section.i360-final-cta
.i360-final-cta__inner p {
  color: #F1DFCF !important;
  -webkit-text-fill-color: #F1DFCF !important;
  opacity: 1 !important;
}
body.i360-we-managed-page .i360-web section.i360-product-story
> .i360-container > .i360-section-heading > span,
body.i360-we-managed-page .i360-web section.i360-sector-details
.i360-section-heading > span,
body.i360-we-managed-page .i360-web section.i360-included-services
.i360-section-heading > span,
body.i360-we-managed-page .i360-web section.i360-resource-categories
.i360-section-heading > span,
body.i360-we-managed-page .i360-web section.i360-aurora-scenarios
.i360-section-heading > span {
  color: #E8C19A !important;
  -webkit-text-fill-color: #E8C19A !important;
  opacity: 1 !important;
}

/* 3. Interior heroes use the same wine-colored background in this draft.
   Ensure every hero works regardless of the optional "--dark" modifier. */
body.i360-we-managed-page .i360-web section.i360-page-hero
.i360-page-hero__copy > h1,
body.i360-we-managed-page .i360-web section.i360-page-hero
.i360-page-hero__copy > h2,
body.i360-we-managed-page .i360-web section.i360-hero
.i360-hero__copy > h1 {
  color: #FFF8F0 !important;
  -webkit-text-fill-color: #FFF8F0 !important;
  opacity: 1 !important;
}
body.i360-we-managed-page .i360-web section.i360-page-hero
.i360-page-hero__copy > p,
body.i360-we-managed-page .i360-web section.i360-hero
.i360-hero__copy > p {
  color: #F1DFCF !important;
  -webkit-text-fill-color: #F1DFCF !important;
  opacity: 1 !important;
}
body.i360-we-managed-page .i360-web section.i360-page-hero
.i360-page-hero__copy > .i360-eyebrow,
body.i360-we-managed-page .i360-web section.i360-hero
.i360-hero__copy > .i360-eyebrow {
  color: #E8C19A !important;
  -webkit-text-fill-color: #E8C19A !important;
}
/* Most recent homepage header styles must never bleed into dark content. */
body.i360-we-managed-page .i360-web section.i360-page-hero
.i360-page-hero__copy a.i360-text-link,
body.i360-we-managed-page .i360-web section.i360-hero
.i360-hero__copy a.i360-text-link {
  color: #FFF7ED !important;
  -webkit-text-fill-color: #FFF7ED !important;
}

/* 4. On DARK card grids, explicit light titles; on white cards, dark text. */
body.i360-we-managed-page .i360-web section.i360-sector-details
.i360-sector-detail-grid article :is(h3,p,li),
body.i360-we-managed-page .i360-web section.i360-included-services
.i360-included-grid article :is(h3,p,li),
body.i360-we-managed-page .i360-web section.i360-resource-categories
.i360-category-grid article :is(h3,p,li) {
  color: #F1DFCF !important;
  -webkit-text-fill-color: #F1DFCF !important;
}
body.i360-we-managed-page .i360-web section.i360-aurora-scenarios
.i360-scenario-grid article :is(h3,p,li) {
  color: #3D3032 !important;
  -webkit-text-fill-color: #3D3032 !important;
}
body.i360-we-managed-page .i360-web section.i360-product-story
.i360-product-tabs :is(h3,p,small),
body.i360-we-managed-page .i360-web section.i360-aurora-home
.i360-conversation :is(p,small),
body.i360-we-managed-page .i360-web section.i360-aurora-home
.i360-conversation__aurora :is(p,small) {
  color: #3D3032 !important;
  -webkit-text-fill-color: #3D3032 !important;
}

/* 5. Re-color blue illustration assets that appear when clicking the logo
   (the logo links to homepage) without affecting photography or structure.
   These filters apply only to named illustrations/screenshots. */
body.i360-we-managed-page .i360-web
img[src$="/visual-network.svg"],
body.i360-we-managed-page .i360-web
img[src$="/visual-crm.svg"],
body.i360-we-managed-page .i360-web
img[src$="/platform-dashboard.webp"],
body.i360-we-managed-page .i360-web
img[src$="/records-center.webp"] {
  filter: hue-rotate(117deg) saturate(.64) !important;
}
/* Accessible focus without the blue default. */
body.i360-we-managed-page .i360-web :is(a,button,input,textarea,select):focus-visible {
  outline-color: #D5A679 !important;
}
/* Color of heading text selection: remains legible if user selects it. */
body.i360-we-managed-page .i360-web section.i360-marketplace-home ::selection {
  color: #2B1F28 !important;
  background: #F0D8BC !important;
}
