:root {
	/* ---- Brand & UI colors ---- */
	--c-primary: #0353b6;
	--c-primary-dark: #0043a4;
	--c-accent: #038ad3;
	--c-primary-050: #eef4fd;
	--c-lightblue: #dcebff;
	--c-card-border: #b6d4ff;
	--c-marquee: #ebf3fe;

	--c-bg: #ffffff;
	--c-nav: #f1f5f9;
	--c-divider: #e2e5ea;
	--c-feature-grey: #f4f5f7;
	--c-surface: #ffffff;
	--c-surface-2: #fdfdfd;
	--c-surface-3: #f0f0f0;

	











	--c-ink: #000000;      /* headings */
	--c-body: #2c2d33;     /* paragraph */
	--c-body-2: #62636c;   /* secondary copy - card bodies, small print */
	--c-muted: #63686d;    /* eyebrow / subheading ONLY - never body text */
	--c-muted-2: #737373;  /* meta */
	--c-border: #e8e8e8;
	--c-border-2: #e0e1e1;
	--c-hero-line: #c8c0b8;
	--c-note: #f6eec8;

	--c-success: #22c55e;
	--c-dot: #c4e4fe;
	--c-white: #ffffff;

	/* newsletter block */
	--c-news-bg: #0043a4;
	--c-news-btn: #038ad3;

	/* ---- Typography ---- */
	--font-heading: "Sora", "Segoe UI", system-ui, sans-serif;
	--font-body: "Inter", "Segoe UI", system-ui, sans-serif;
	


	--font-footer: "Inter", "Segoe UI", system-ui, sans-serif;

	/* Fluid type scale (min .. max) */
	--fs-h1: clamp(2.125rem, 1.5214rem + 2.4762vw, 3.75rem);   
	--fs-h2: clamp(1.875rem, 1.2714rem + 2.4762vw, 3.5rem);    
	--fs-h3: clamp(1.75rem, 1.2857rem + 1.9048vw, 3rem);       
	--fs-h4: clamp(1.5rem, 1.0821rem + 1.7143vw, 2.625rem);    
	--fs-h5: clamp(1.125rem, 0.7536rem + 1.5238vw, 2.125rem);  
	--fs-h6: 2rem;                                             
	--fs-lead: clamp(1.05rem, 0.98rem + 0.35vw, 1.25rem);
	--fs-body: 1rem;      /* 16 */
	--fs-sm: 0.875rem;    /* 14 */
	--fs-xs: 0.75rem;     /* 12 */
	--fs-eyebrow: 0.8125rem;

	--lh-tight: 1.3;      
	--lh-heading: 1.27;   
	--lh-body: 1.5;   

	







	--container: 1280px;
	--container-wide: 1440px;
	--gutter: clamp(1rem, -0.4856rem + 6.0952vw, 5rem);  
	--nav-h: 95px;
	--section-py: clamp(4rem, 2rem + 5vw, 6rem);      /* 64 (mobile) -> 96 */
	--gap: clamp(1.5rem, 1rem + 2vw, 3rem);
	--tap: 48px;                                      

	/* ---- Radii ---- */
	--r-pill: 42px;
	--r-lg: 24px;
	--r-md: 16px;
	--r-sm: 12px;
	--r-xs: 8px;

	/* ---- Shadows ---- */
	--sh-btn: 0 2px 4px rgba(0, 0, 0, 0.25);
	--sh-card: 0 6px 16px -6px rgba(0, 0, 0, 0.25);
	--sh-card-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
	--sh-soft: 0 30px 40px rgba(0, 0, 0, 0.04);
	--sh-nav: 0 4px 20px rgba(0, 0, 0, 0.06);
	--sh-form: 0 18px 40px -12px rgba(0, 0, 0, 0.25);

	/* ---- Motion ---- */
	--ease: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
	--dur: 0.6s;
	--dur-fast: 0.28s;
}