/* @media (prefers-color-scheme: light) */
body {
	/* NOTE: this is verified AODA compliant 2025-07 */
	
	--clr-body-bg:#fdfefd;
	--clr-body-font:#000206;
	--clr-link-font:var(--clr-body-font);
	/* TODO: change this --clr-link-font-hover to something that makes it more distinct from surrounding body text! */
	--clr-link-font-hover:#07203d;
	/* this stands out more, just as an example, but probably don't actually use this one */
/*	--clr-link-font-hover:#3000ff; */
	/* ^ TODO: apply this change to dark mode as well (by inverting the lightness of whatever we use here) */
	--clr-hdg-font:var(--clr-body-font);
	--clr-dropdown-shadow:#000000;
	--clr-dropdown-bg:transparent;
	--clr-dropdown-toggle-bg:#07203d;
	--clr-dropdown-toggle-hover-bg:#1663bd;
	--clr-dropdown-toggle-border:var(--clr-body-font);
	--clr-dropdown-link-bg:var(--clr-dropdown-toggle-bg);
	--clr-dropdown-link-hover-bg:var(--clr-dropdown-toggle-hover-bg);
	--clr-hdr-shadow:var(--clr-dropdown-shadow);
/*	--clr-hdr-bg:var(--clr-body-bg); */
	--clr-hdr-bg:rgba(253,254,253,0.925);
	--clr-toggle-label-bg:rgba(255,255,255,0.25);
/*	--clr-toggle-label-switch-unchecked:rgba(7,32,61,0.5); */
	--clr-toggle-label-switch-unchecked:#828f9c;
	--clr-toggle-label-switch-checked:rgba(7,32,61,1);
	--clr-hover-title-bg:var(--clr-dropdown-toggle-bg);
	--clr-hover-title-border:var(--clr-dropdown-toggle-border);
	--clr-btn-font:var(--clr-body-bg);
	--clr-btn-bg:var(--clr-dropdown-toggle-bg);
	--clr-btn-border:var(--clr-hdr-bg);
	--clr-btn-boxshadow:transparent;
	--clr-btn-hover-font:var(--clr-btn-font);
	--clr-btn-hover-bg:var(--clr-dropdown-toggle-hover-bg);
	--clr-btn-hover-border:var(--clr-hdr-bg);
	--clr-btn-hover-boxshadow:var(--clr-hdr-shadow);
	--clr-cta-btn-font:var(--clr-btn-font);
	--clr-cta-btn-bg:var(--clr-btn-bg);
	--clr-cta-btn-hover-font:var(--clr-btn-font);
	--clr-cta-btn-hover-bg:linear-gradient(10deg,var(--clr-cta-btn-bg),var(--clr-btn-hover-bg));
	
	--clr-btn-alt-font:var(--clr-body-font);
	--clr-btn-alt-bg:var(--clr-body-bg);
	--clr-btn-alt-border:var(--clr-body-font);
	--clr-btn-alt-hover-font:#000000;
	--clr-btn-alt-hover-bg:#d3f5f9;
	--clr-btn-alt-hover-border:var(--clr-body-font);
	
	--clr-section-our-process-mobile-bg:linear-gradient(170deg,#88d1c8,#377799 200px);
	--clr-section-our-process-desktop-bg:linear-gradient(90deg,#377799 50%,#88d1c8);
	--clr-section-our-process-hdg-font:var(--clr-body-bg);
	--clr-section-our-process-font:var(--clr-body-bg);
	--clr-dotlink-font-hover:#e2f5f7;
	--clr-dotlink-mobile-scroll-bg:rgba(255,255,255,0.05);
	--clr-dotlink-scroll-highlight-textshadow:rgba(0,0,0,0.9);
	--clr-dotlink-hover-textshadow:rgba(0,0,0,1);
	
	--clr-our-process-step-boxshadow:rgba(255,255,255,0.05);
	
	/* original design process step bg colors */
/*
	--clr-our-process-step-1-bg:#377799;
	--clr-our-process-step-2-bg:#4ea9be;
	--clr-our-process-step-3-bg:#1f999b;
	--clr-our-process-step-4-bg:#43ac9f;
	--clr-our-process-step-5-bg:#53b794;
	--clr-our-process-step-6-bg:#2ca76b;
	--clr-our-process-step-7-bg:#259840;
*/

	/* higher contrast colors suggested by https://accessibilitycheck.org/ during compliance testing */
	--clr-our-process-step-1-bg:#377799;
	--clr-our-process-step-2-bg:#004d5e;
	--clr-our-process-step-3-bg:#004c4d;
	--clr-our-process-step-4-bg:#00554b;
	--clr-our-process-step-5-bg:#005b3b;
	--clr-our-process-step-6-bg:#00532a;
	--clr-our-process-step-7-bg:#004b12;
	
	/*
	NOTE: if an image asset is provided for cta_section_bg,
	this bg color goes ON TOP of that image
	*/
	--clr-section-cta-bg:linear-gradient(0deg, transparent, rgba(235,248,252,0.9) 70%, rgba(235,248,252));
	
	--clr-feedback-star-fill:#e6c01a;
	
	--clr-section-faq-bg:rgba(235,248,252,1);
	--clr-section-faq-accordion-focus-font:var(--clr-our-process-step-5-bg);
	--clr-faq-icon-bg:#baede2;
	
	--clr-section-archive-bg:var(--clr-section-faq-bg);
	--clr-section-archive-with-img-bg:rgba(235,248,252,0.8);
	--clr-section-archive-post-bg:rgba(255,255,255,0.5);
	--clr-section-archive-post-hover-bg:rgba(255,255,255,0.9);
	
	--clr-footer-bg:var(--clr-btn-bg);
	--clr-footer-font:var(--clr-btn-font);
	
	--clr-tooltip-bg:var(--clr-btn-alt-bg);
	--clr-tooltip-font:var(--clr-btn-alt-font);
	--clr-tooltip-border:var(--clr-btn-alt-border);
}