:root {
  --spaceXs: clamp(0.5rem, 0.8vw, 0.625rem);   /* 8–10px range */
  --spaceSm: clamp(1rem, 1.6vw, 1.25rem);      /* 16–20px range */
  --spaceSmMd: clamp(1.75rem, 2.5vw, 2.1875rem); /* 28–35px range */
  --spaceMd: clamp(2.5rem, 3.5vw, 3.125rem);   /* 40–50px range */
  --spaceLg: clamp(3.5rem, 4.5vw, 4.0625rem);  /* 56–65px range */
  --mainBrandColour: #33C7E6;
  --brandAccentColour: #C42424;
  --bgColour1: #F7F8FA;
  --bgColour2: #F3F3F3; 
  --bgColour3: #FFFFFF;
  --textColour1: black;  
  --textColour2: rgba(0, 0, 0, 0.80);  
  --maxW: 80rem;
  --sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem;
  --headerFont: "Exo2", sans-serif; 
  --bodyFont: "Lato", sans-serif; 
  --logoFont: "Neuropol-X", sans-serif;
  --borderR: 4px;
}