/* Explicit surfaces override reference colours only after a user selects a variant.
   Local context variables keep light cards and dark insets readable independently. */
.bf-legacy.bf-section-template.bf-surface-active {
	--bf-surface-bg: var(--bf-color-white, #fff);
	--bf-context-ink: var(--bf-on-light, var(--bf-ink));
	--bf-context-highlight: var(--bf-accent);
	--bf-context-panel: color-mix(in srgb, var(--bf-context-ink) 5%, transparent);
	background: var(--bf-surface-bg) !important;
	color: var(--bf-context-ink) !important;
}
.bf-legacy.bf-section-template.bf-surface-active.bf-surface--muted {
	--bf-surface-bg: var(--bf-color-gray-50, #f9fafb);
}
.bf-legacy.bf-section-template.bf-surface-active.bf-surface--brand {
	--bf-surface-bg: var(--bf-brand);
	--bf-context-ink: var(--bf-on-brand);
	--bf-context-highlight: var(--bf-accent);
}
.bf-legacy.bf-section-template.bf-surface-active.bf-surface--gradient {
	--bf-surface-bg: var(--bf-gradient-edge);
	--bf-context-ink: var(--bf-on-gradient, var(--bf-on-brand));
	--bf-context-highlight: var(--bf-accent);
	background: radial-gradient(
		ellipse at 50% 45%,
		var(--bf-gradient-light),
		var(--bf-gradient-mid) 24%,
		var(--bf-gradient-center) 46%,
		var(--bf-gradient-deep) 70%,
		var(--bf-gradient-edge)
	) !important;
}
.bf-legacy.bf-section-template.bf-surface-active.bf-surface--accent {
	--bf-surface-bg: var(--bf-accent);
	--bf-context-ink: var(--bf-on-accent);
	--bf-context-highlight: var(--bf-on-accent);
}
.bf-legacy.bf-section-template.bf-surface-active.bf-surface--ink {
	--bf-surface-bg: var(--bf-ink);
	--bf-context-ink: var(--bf-on-ink);
	--bf-context-highlight: var(--bf-accent);
}
.bf-legacy.bf-section-template.bf-surface-active.bf-surface--background {
	--bf-surface-bg: var(--bf-background);
	--bf-context-ink: var(--bf-on-background);
	--bf-context-highlight: var(--bf-accent-on-background);
}
/* Reset obsolete inherited reference text colours, including formatted text.
   Button and form-control states remain owned by their components. */
.bf-legacy.bf-section-template.bf-surface-active
	:where(
		div,
		section,
		aside,
		article,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		span,
		ul,
		ol,
		li,
		strong,
		b,
		em,
		i,
		a,
		
		blockquote,
		label,
		small,
		time
	):not(:where(.bf-button, .bf-button *, .wpcf7-not-valid-tip, .wpcf7-response-output)) {
	color: inherit !important;	
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(.bf-title, .bf-card-title, .bf-new-title, .bf-service-title) {
	color: var(--bf-context-ink) !important;
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(
		.bf-annual-analysis-div-19,
		.bf-annual-analysis-div-22,
		.bf-annual-analysis-div-25,
		.bf-annual-analysis-div-28,
		.bf-annual-disclosure-div-33,
		.bf-annual-financing-div-12,
		.bf-annual-overview-div-33,
		.bf-annual-overview-div-38,
		.bf-annual-overview-div-43,
		.bf-annual-region-div-24,
		.bf-annual-region-span-16,
		.bf-annual-region-span-17,
		.bf-annual-region-span-18,
		.bf-annual-region-span-19,
		.bf-annual-region-span-20,
		.bf-annual-region-span-21,
		.bf-annual-region-span-22,
		.bf-annual-tax-div-12,
		.bf-annual-tax-div-35,
		.bf-contact-div-2,
		.bf-contact-div-45,
		.bf-faq-list,
		.bf-faq-note,
		.bf-news-div-10,
		.bf-perspectives-div-18,
		.bf-perspectives-div-31,
		.bf-profile-image-card,
		.bf-receivables-div-14,
		.bf-receivables-div-21,
		.bf-receivables-div-28,
		.bf-split-contact-aside,
		.bf-team-div-25,
		.bf-team-div-29,
		.bf-team-div-31,
		.bf-team-div-35,
		.bf-team-div-39,
		.bf-team-div-41,
		.bf-team-div-48,
		.bf-team-div-55,
		.bf-team-div-62,
		.bf-timeline-card,
		.bf-trust-div-11,
		.bf-trust-div-15,
		.bf-trust-div-19,
		.bf-trust-div-23,
		.bf-trust-div-27,
		.bf-trust-div-7
	) {
	--bf-context-ink: var(--bf-on-light, var(--bf-ink));
	--bf-context-highlight: var(--bf-accent-text);
	background-color: var(--bf-color-white, #fff);
	color: var(--bf-context-ink) !important;
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(
		.bf-annual-disclosure-div-5,
		.bf-annual-overview-div-14,
		.bf-annual-region-div-27,
		.bf-contact-div-4,
		.bf-download-aside,
		.bf-feature-panel-box,
		.bf-services-div-41,
		.bf-split-contact-intro
	) {
	--bf-context-ink: var(--bf-on-brand);
	--bf-context-highlight: var(--bf-accent);
	color: var(--bf-context-ink) !important;
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(
		.bf-annual-financing-div-9,
		.bf-annual-hero-div-23,
		.bf-annual-region-div-36,
		.bf-callout-card,
		.bf-experience-box,
		.bf-experience-card,
		.bf-profile-quote,
		.bf-services-div-45,
		.bf-services-div-55,
		.bf-services-div-64,
		.bf-services-div-73,
		.bf-services-div-83,
		.bf-services-div-93,
		.bf-team-div-45
	) {
	background: color-mix(in srgb, var(--bf-context-ink) 5%, transparent);
	border-color: color-mix(in srgb, var(--bf-context-ink) 18%, transparent);
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(
		.bf-annual-analysis-p-34,
		.bf-annual-analysis-p-38,
		.bf-annual-analysis-p-39,
		.bf-annual-disclosure-div-34,
		.bf-annual-disclosure-div-37,
		.bf-annual-disclosure-p-15,
		.bf-annual-disclosure-p-20,
		.bf-annual-disclosure-p-25,
		.bf-annual-disclosure-p-32,
		.bf-annual-financing-p-16,
		.bf-annual-financing-p-17,
		.bf-annual-financing-p-8,
		.bf-annual-hero-div-12,
		.bf-annual-overview-li-20,
		.bf-annual-overview-li-24,
		.bf-annual-overview-li-28,
		.bf-annual-overview-p-11,
		.bf-annual-overview-p-12,
		.bf-annual-overview-p-37,
		.bf-annual-overview-p-42,
		.bf-annual-overview-p-47,
		.bf-annual-overview-ul-19,
		.bf-annual-region-p-10,
		.bf-annual-region-span-37,
		.bf-annual-tax-p-14,
		.bf-annual-tax-p-37,
		.bf-careers-p-9,
		.bf-contact-a-23,
		.bf-contact-a-29,
		.bf-contact-p-10,
		.bf-contact-p-16,
		.bf-contact-p-17,
		.bf-contact-p-21,
		.bf-contact-p-22,
		.bf-contact-p-27,
		.bf-contact-p-28,
		.bf-contact-p-33,
		.bf-contact-p-34,
		.bf-contact-p-43,
		.bf-contact-p-46,
		.bf-contact-p-47,
		.bf-digital-p-9,
		.bf-download-description,
		.bf-experience-meta,
		.bf-local-p-9,
		.bf-new-copy,
		.bf-news-p-17,
		.bf-news-p-7,
		.bf-news-span-14,
		.bf-perspectives-p-13,
		.bf-perspectives-p-29,
		.bf-perspectives-p-45,
		.bf-profile-caption,
		.bf-profile-note,
		.bf-profile-strike,
		.bf-profile-subtitle,
		.bf-receivables-p-19,
		.bf-receivables-p-26,
		.bf-receivables-p-32,
		.bf-receivables-p-39,
		.bf-receivables-p-6,
		.bf-service-copy,
		.bf-services-div-13,
		.bf-services-div-14,
		.bf-services-div-18,
		.bf-services-div-22,
		.bf-services-div-26,
		.bf-services-div-30,
		.bf-services-div-34,
		.bf-services-p-11,
		.bf-services-p-54,
		.bf-services-p-63,
		.bf-services-p-72,
		.bf-services-p-82,
		.bf-services-p-92,
		.bf-services-p-99,
		.bf-team-div-29,
		.bf-team-div-39,
		.bf-team-div-9,
		.bf-team-p-14,
		.bf-team-p-33,
		.bf-team-p-43,
		.bf-team-p-52,
		.bf-team-p-59,
		.bf-team-p-66
	) {
	color: color-mix(in srgb, var(--bf-context-ink) 82%, var(--bf-surface-bg)) !important;
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(
		.bf-annual-analysis-div-19,
		.bf-annual-analysis-div-22,
		.bf-annual-analysis-div-25,
		.bf-annual-analysis-div-28,
		.bf-annual-disclosure-div-33,
		.bf-annual-financing-div-12,
		.bf-annual-overview-div-33,
		.bf-annual-overview-div-38,
		.bf-annual-overview-div-43,
		.bf-annual-region-div-24,
		.bf-annual-region-span-16,
		.bf-annual-region-span-17,
		.bf-annual-region-span-18,
		.bf-annual-region-span-19,
		.bf-annual-region-span-20,
		.bf-annual-region-span-21,
		.bf-annual-region-span-22,
		.bf-annual-tax-div-12,
		.bf-annual-tax-div-35,
		.bf-contact-div-2,
		.bf-contact-div-45,
		.bf-faq-list,
		.bf-faq-note,
		.bf-news-div-10,
		.bf-perspectives-div-18,
		.bf-perspectives-div-31,
		.bf-profile-image-card,
		.bf-receivables-div-14,
		.bf-receivables-div-21,
		.bf-receivables-div-28,
		.bf-split-contact-aside,
		.bf-team-div-25,
		.bf-team-div-29,
		.bf-team-div-31,
		.bf-team-div-35,
		.bf-team-div-39,
		.bf-team-div-41,
		.bf-team-div-48,
		.bf-team-div-55,
		.bf-team-div-62,
		.bf-timeline-card,
		.bf-trust-div-11,
		.bf-trust-div-15,
		.bf-trust-div-19,
		.bf-trust-div-23,
		.bf-trust-div-27,
		.bf-trust-div-7
	) {
	--bf-surface-bg: var(--bf-color-white, #fff);
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(
		.bf-annual-disclosure-div-5,
		.bf-annual-overview-div-14,
		.bf-annual-region-div-27,
		.bf-contact-div-4,
		.bf-download-aside,
		.bf-feature-panel-box,
		.bf-services-div-41,
		.bf-split-contact-intro
	) {
	--bf-surface-bg: var(--bf-brand);
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(
		.bf-accent-text,
		.bf-annual-analysis-p-11,
		.bf-annual-analysis-span-20,
		.bf-annual-analysis-span-23,
		.bf-annual-analysis-span-26,
		.bf-annual-analysis-span-29,
		.bf-annual-disclosure-div-28,
		.bf-annual-disclosure-h3-9,
		.bf-annual-disclosure-span-29,
		.bf-annual-financing-p-13,
		.bf-annual-financing-p-4,
		.bf-annual-hero-p-26,
		.bf-annual-hero-p-6,
		.bf-annual-hero-span-11,
		.bf-annual-hero-span-7,
		.bf-annual-overview-p-18,
		.bf-annual-overview-p-34,
		.bf-annual-overview-p-39,
		.bf-annual-overview-p-44,
		.bf-annual-overview-span-10,
		.bf-annual-planning-p-5,
		.bf-annual-region-div-6,
		.bf-annual-region-span-32,
		.bf-annual-region-span-41,
		.bf-annual-region-span-7,
		.bf-annual-special-p-5,
		.bf-annual-tax-div-5,
		.bf-annual-tax-span-6,
		.bf-careers-div-4,
		.bf-contact-div-6,
		.bf-contact-span-14,
		.bf-contact-span-19,
		.bf-contact-span-25,
		.bf-contact-span-31,
		.bf-contact-span-7,
		.bf-digital-div-4,
		.bf-feature-panel-top,
		.bf-home-hero-div-8,
		.bf-home-hero-span-13,
		.bf-home-hero-span-9,
		.bf-new-eyebrow,
		.bf-new-title > span,
		.bf-news-span-6,
		.bf-receivables-span-5,
		.bf-service-accent,
		.bf-service-eyebrow,
		.bf-team-span-8
	) {
	color: var(--bf-context-highlight) !important;
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(
		.bf-annual-disclosure-span-12,
		.bf-annual-disclosure-span-17,
		.bf-annual-disclosure-span-22,
		.bf-annual-disclosure-span-29,
		.bf-annual-hero-span-7,
		.bf-annual-region-span-40,
		.bf-annual-region-span-7,
		.bf-annual-tax-div-17,
		.bf-annual-tax-div-22,
		.bf-annual-tax-span-6,
		.bf-contact-span-7,
		.bf-home-hero-span-9,
		.bf-news-span-12,
		.bf-receivables-div-34,
		.bf-services-div-46,
		.bf-services-div-56,
		.bf-services-div-65,
		.bf-services-div-74,
		.bf-services-div-84,
		.bf-services-div-94
	) {
	--bf-context-ink: var(--bf-on-accent);
	color: var(--bf-context-ink) !important;
}

.bf-legacy.bf-section-template.bf-surface-active .bf-annual-analysis-section-1 {
	background: transparent !important;
}
.bf-legacy.bf-section-template.bf-surface-active :is(.bf-home-hero-div-4, .bf-annual-hero-div-3) {
	background: linear-gradient(
		90deg,
		var(--bf-surface-bg),
		color-mix(in srgb, var(--bf-surface-bg) 95%, transparent)
	) !important;
}
.bf-legacy.bf-section-template.bf-surface-active .bf-step--highlight .bf-timeline-card {
	--bf-context-ink: var(--bf-on-brand);
	--bf-surface-bg: var(--bf-brand);
	background: var(--bf-brand);
	color: var(--bf-context-ink) !important;
}
.bf-legacy.bf-section-template.bf-surface-active :is(.bf-timeline-marker, .bf-timeline-note-icon) {
	color: var(--bf-on-brand) !important;
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(.bf-step-marker--accent .bf-timeline-marker, .bf-profile-check, .bf-download-aside-icon) {
	color: var(--bf-on-accent) !important;
}
.bf-legacy.bf-section-template.bf-surface-active .bf-button--outline {
	color: var(--bf-context-ink);
	border-color: currentColor;
}
.bf-legacy.bf-section-template.bf-surface-active .bf-button--text {
	color: var(--bf-context-ink);
}
.bf-legacy.bf-section-template.bf-surface-active .bf-button--outline:hover {
	color: var(--bf-on-neutral-hover);
	border-color: var(--bf-neutral-hover);
}
.bf-legacy.bf-section-template.bf-surface-active .bf-button--text:hover {
	color: var(--bf-context-highlight);
}
.bf-legacy.bf-section-template.bf-surface-active
	:is(.bf-profile-statement, .bf-feature-note, .bf-feature-card[data-highlight='true']) {
	border-color: var(--bf-accent);
}
