/* SANKHLA approved palette, 2026-09-24.
   Source: colour labels in the approved logo presentation.
   Exact brand colours: #0B2D6B / #2F8CFF / #A7D3FF.
   Neutral white and translucent brand-colour tints support readable UI.
   Presentation only: existing layout, page order and navigation stay intact. */
:root {
  --brand-navy:#0B2D6B;
  --brand-bright:#2F8CFF;
  --brand-light:#A7D3FF;
  --brand-white:#FFFFFF;
  --brand-pale:#F2F8FF;
  --brand-gradient:radial-gradient(ellipse at 100% 0%,rgba(47,140,255,.25),transparent 65%),linear-gradient(112deg,rgba(11,45,107,.96),rgba(11,45,107,.86)),url('/assets/corporate-grid-dark.svg');
}
:root body, :root body #sc-world {
  --navy:var(--brand-navy);--navy2:var(--brand-navy);
  --blue:var(--brand-bright);--blue-2:var(--brand-bright);--blue-3:var(--brand-navy);
  --cyan:var(--brand-light);--pink:var(--brand-light);
  --blue-pale:var(--brand-pale);--ink:var(--brand-navy);
  --paper:var(--brand-white);--soft:var(--brand-pale);
  --white:var(--brand-white);--line:rgba(11,45,107,.15);
}
/* Header and footer remain a matching white pair. */
:root body .site-header,:root body .site-header.is-scrolled,
:root body .site-footer,:root body .drop-menu {
  background:var(--brand-white)!important;
  color:var(--brand-navy)!important;
  border-color:rgba(11,45,107,.14)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
:root body .site-header :is(.nav>a,.nav-drop>a,.head-phone,.header-contact,.drop-menu a,.drop-menu small),
:root body .site-footer :is(h2,h3,h4,p,a,small,span,strong) {
  color:var(--brand-navy)!important;
}
:root body .site-header :is(.nav>a,.nav-drop>a)::after {
  background:var(--brand-bright)!important;
}
:root body .drop-menu a:hover {background:var(--brand-pale)!important}
:root body .site-footer .footer-cta-btn {
  background:var(--brand-navy)!important;color:var(--brand-white)!important;
}
:root body .site-footer .footer-cta-btn :is(span,svg) {color:var(--brand-white)!important}
/* Preserve colour / white / colour / white section assignments. */
:root body main>section.site-band-color,
:root body #sc-world :is(.sc-hero,.sc-section-mid) {
  background-color:var(--brand-navy)!important;
  background-image:var(--brand-gradient)!important;
  background-position:center!important;background-size:cover!important;
  --muted:var(--brand-light);--line:rgba(167,211,255,.25);
  color:var(--brand-white)!important;
}
:root body main>section.site-band-white,
:root body #sc-world :is(.sc-section-deep,.sc-trust) {
  background:var(--brand-white)!important;
  --muted:rgba(11,45,107,.78);--line:rgba(11,45,107,.15);
  color:var(--brand-navy)!important;
}
:root body main>section.site-band-color::after {
  background:linear-gradient(90deg,var(--brand-bright),var(--brand-light))!important;
}
/* Every light card has dark text; every dark card has light text. */
:root body main>section.site-band-white :is(.service-card,.practice-row,.office-card,.team-card,.scope-card,.quote-card,.process,.testimonial-card,.testimonial-capability,.outsourcing-card,.cta-card,.testimonial-cta) {
  background:var(--brand-white)!important;
  border-color:rgba(11,45,107,.16)!important;
  color:var(--brand-navy)!important;
}
:root body main>section.site-band-white :is(h1,h2,h3,h4,h5,p,blockquote,li,dt,dd,label,.eyebrow,.hero-lead,.lead-light,.testimonial-work-lead,.role,.team-bio,.location-address),
:root body main>section.site-band-white :is(.industry-grid,.tag-board,.industry-stack,.testimonial-sector-list,.testimonial-trust-grid,.testimonial-summary) :is(span,strong,b,small) {
  color:var(--brand-navy)!important;
}
:root body main>section.site-band-white :is(.arrow-link,.testimonial-text-link,.insight-card-cta,.location-action,.outsourcing-link,.team-domain),
:root body main>section.site-band-white .related-grid :is(a,strong,small) {
  color:var(--brand-navy)!important;
}
:root body main>section.site-band-color :is(.service-card,.practice-row,.office-card,.team-card,.scope-card,.quote-card,.process,.testimonial-card,.testimonial-capability,.outsourcing-card,.testimonial-summary,.record-card,.ops-card,.service-symbol,.cta-card,.testimonial-cta),
:root body #sc-world .sc-form-card {
  background:var(--brand-navy)!important;
  border-color:rgba(167,211,255,.30)!important;
  color:var(--brand-white)!important;
}
:root body main>section.site-band-color :is(h1,h2,h3,h4,h5,blockquote,strong,b,dt,dd),
:root body main>section.site-band-color .industry-grid>span {
  color:var(--brand-white)!important;
}
:root body main>section.site-band-color :is(p,li,label,.hero-lead,.lead-light,.testimonial-work-lead,.role,.team-bio,.location-address),
:root body main>section.site-band-color .testimonial-summary small {
  color:var(--brand-light)!important;
}
:root body main>section.site-band-color :is(.eyebrow,.eyebrow.light,.arrow-link,.testimonial-text-link,.insight-card-cta,.location-action,.outsourcing-link),
:root body main>section.site-band-color :is(.hero,.page-hero) h1>span,
:root body main>section.page-hero.site-band-color h1>span,
:root body #sc-world .sc-gradient {
  color:var(--brand-light)!important;-webkit-text-fill-color:currentColor!important;
}
:root body main>section.site-band-color :is(.tag-board,.testimonial-sector-list) span {
  background:rgba(167,211,255,.08)!important;color:var(--brand-light)!important;
}
:root body main>section.site-band-color :is(.ops-card,.hero-proof) :is(span,small) {
  color:var(--brand-light)!important;
}
:root body .home-page main .stat-grid>div,
:root body.home-page main .stat-grid>div {
  background:var(--brand-navy)!important;
}
:root body.home-page main .stat-grid strong {color:var(--brand-white)!important}
:root body.home-page main .stat-grid span {color:var(--brand-light)!important}
/* Light sub-panels inside dark sections retain dark labels. */
:root body main>section.site-band-color :is(.testimonial-meta span,.testimonial-proof span,.team-domain) {
  background:var(--brand-white)!important;color:var(--brand-navy)!important;
}
:root body main .testimonial-note-copy {
  background:var(--brand-pale)!important;color:var(--brand-navy)!important;
}
:root body main>section:is(.site-band-color,.site-band-white) .testimonial-note-copy :is(p,h2,h3,strong,a) {
  color:var(--brand-navy)!important;
}
:root body main>section.site-band-white .testimonial-capability>span,
:root body main>section.site-band-white .outsourcing-card-head small,
:root body main>section.site-band-white .split .blue-list>div>span {
  color:var(--brand-navy)!important;
}
:root body main>section.site-band-color .testimonial-capability>span,
:root body main>section.site-band-color .outsourcing-card-head small,
:root body main>section.site-band-color .split .blue-list>div>span {
  color:var(--brand-light)!important;
}
/* Intentionally dark information panels in otherwise white sections. */
:root body main>section.site-band-white :is(.ops-card,.record-card,.service-symbol) {
  background:var(--brand-navy)!important;color:var(--brand-white)!important;
}
:root body main>section.site-band-white :is(.ops-card,.record-card,.service-symbol) :is(p,span,small,dt,dd,strong,b,h2,h3) {
  color:var(--brand-white)!important;
}
/* Accent icons use navy behind white strokes for contrast. */
:root body :is(.icon-box,.service-glyph,.practice-glyph,.office-glyph,.content-glyph,.scope-glyph,.quote-glyph,.team-icon) {
  background:var(--brand-navy)!important;color:var(--brand-white)!important;
  box-shadow:0 6px 18px rgba(47,140,255,.15)!important;
}
:root body :is(.team-number,.outsourcing-card-head>span,.insight-card-no) {
  background:var(--brand-light)!important;color:var(--brand-navy)!important;
}
/* White-on-bright-blue is too weak for small button text: navy/white instead. */
:root body :is(.header-cta,.btn-blue),:root body #sc-world .sc-btn-primary {
  background:var(--brand-navy)!important;border-color:var(--brand-navy)!important;
  color:var(--brand-white)!important;
  box-shadow:0 6px 18px rgba(11,45,107,.15)!important;
}
:root body .header-cta span {color:inherit!important}
:root body main>section.site-band-color :is(.header-cta,.btn-blue,.btn-white),
:root body #sc-world :is(.sc-hero,.sc-section-mid,.sc-form-card) .sc-btn-primary {
  background:var(--brand-light)!important;border-color:var(--brand-light)!important;
  color:var(--brand-navy)!important;
}
:root body :is(.header-cta,.btn-blue):hover,:root body #sc-world .sc-btn-primary:hover {
  outline:2px solid var(--brand-bright);outline-offset:2px;
}
:root body main>section.site-band-white :is(.btn-outline,.btn-outline-white,.btn-white),
:root body #sc-world .sc-section-deep :is(.sc-btn-ghost,.sc-btn-green) {
  background:var(--brand-white)!important;color:var(--brand-navy)!important;
  border-color:var(--brand-navy)!important;
}
:root body main>section.site-band-color .btn-outline-white {
  color:var(--brand-white)!important;border-color:var(--brand-light)!important;
}
:root body #sc-world .sc-section-deep :is(p,li,label,.sc-lead,.sc-kicker) {
  color:var(--brand-navy)!important;
}
:root body #sc-world .sc-mobile-bar .sc-mobile-wa {
  background:var(--brand-navy)!important;color:var(--brand-white)!important;
}
:root body main :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
:root body #sc-world .sc-field :is(input,select,textarea) {
  background:var(--brand-white)!important;color:var(--brand-navy)!important;
}
:root body :is(input,textarea)::placeholder {color:rgba(11,45,107,.75)!important;opacity:1}
:root body :is(a,button,input,select,textarea):focus-visible {
  outline:3px solid var(--brand-bright)!important;outline-offset:3px!important;
}
:root body .back-top {background:var(--brand-navy)!important;color:var(--brand-white)!important}
