:root {
  /* Colors */
	--primary: hsla(190, 90%, 70%, 1);
	--primary-hover: hsla(190, 90%, 40%, 1);
	--primary-link: hsla(190, 90%, 30%, 1);
	--primary-dark: hsla(190, 90%, 10%, 1);
	--primary-light: hsla(190, 90%, 90%, 1);
	--primary-btn-bg: hsla(190, 90%, 80%, 1);
	--primary-btn-bg-hover: hsla(190, 90%, 70%, 1);
	--accent: hsla(40, 90%, 50%, 1);
	--text-body: hsla(0, 0%, 20%, 1);
	--text-meta: hsla(0, 0%, 35%, 1);
	--border: hsla(0, 0%, 85%, 1);
	--shadow: hsla(0, 0%, 0%, 0.2);
	--white: hsla(0, 0%, 100%, 1);
	--black: hsla(0, 0%, 0%, 1);

  /* Typography, Spacing, Radius—same as before */
	--h1: clamp(3.2rem, 2.5vw + 1.2rem, 6rem);
	--h2: clamp(2.6rem, 1.7vw + 1.2rem, 4.8rem);
	--h3: clamp(2.1rem, 1.2vw + 1.1rem, 3.4rem);
	--h4: clamp(1.7rem, 0.7vw + 1rem, 2.4rem);

	--text-xs: clamp(1rem, 0.1vw + 0.98rem, 1.2rem);
	--text-s: clamp(1.3rem, 0.2vw + 1.1rem, 1.4rem);
	--text-m: clamp(1.6rem, 0.3vw + 1.3rem, 1.8rem);
	--text-l: clamp(2rem, 0.4vw + 1.7rem, 2.4rem);

	--lh-body: 1.6;
  	--lh-meta: 1.4;
	
  	--lh-h1: 1.1;
  	--lh-h2: 1.13;
  	--lh-h3: 1.15;
  	--lh-h4: 1.18;

  	--space-3xs: clamp(0.2rem, 0.5vw, 0.6rem);
  	--space-2xs: clamp(0.4rem, 0.8vw, 1rem);
  	--space-xs: clamp(0.8rem, 1vw, 1.6rem);
  	--space-s: clamp(1.2rem, 1.5vw, 2.4rem);
  	--space-m: clamp(1.6rem, 2vw, 3.2rem);
  	--space-l: clamp(2.4rem, 3vw, 4.8rem);
  	--space-xl: clamp(3.2rem, 5vw, 8rem);
  	--space-2xl: clamp(4rem, 6vw, 10rem);
  	--space-3xl: clamp(4.8rem, 8vw, 12rem);

  	--gap-s: var(--space-s);
  	--gap-m: var(--space-m);
	--gap-l: var(--space-l);

	--radius-xs: clamp(0.2rem, 0.4vw, 0.6rem);
	--radius-s: clamp(0.4rem, 0.5vw, 0.8rem);
	--radius-m: clamp(0.8rem, 0.6vw, 1.2rem);
	--radius-l: clamp(1.2rem, 0.8vw, 2.4rem);
	--radius-xl: clamp(2rem, 1vw, 3.2rem);
	--radius-full: 500rem;
}