:root {
  --penn-blue: #111857;
  --medium-blue: #1005CC;
  --turquoise: #00D8B2;
  --majorelle-blue: #5649EB;
  --electric-blue: #25E1FA;
  --aqua: #27F7FE;
  --screamin-green: #51FA60;
  --white: #FFFFFF;

  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --body-size: 1rem;
  --caption-size: 0.875rem;
  --h1-size: clamp(2.5rem, 6vw, 4.44rem);
  --h2-size: clamp(2rem, 4vw, 2.89rem);
  --h3-size: clamp(1.5rem, 3vw, 1.89rem);
  --h4-size: 1rem;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 3rem;
  --space-xl: 6rem;
  --margin: clamp(1.25rem, 6vw, 6rem);
  --gutter: var(--space-md);
  --radius: 0.5rem;
  --columns: 12;
  --content-width: 80rem;
  --header-height: 6rem;
  --sidebar-width: clamp(17rem, 24vw, 22rem);
  --consultancy-nav-width: clamp(14rem, 20vw, 18rem);

  --surface: var(--white);
  --ink: var(--penn-blue);
  --link: var(--medium-blue);
  --rule: rgb(17 24 87 / 18%);
}

@media (max-width: 768px) {
  :root {
    --gutter: var(--space-sm);
    --header-height: 5rem;
  }
}