:root{
  --max-width:1920px;
    /* colors */

    --primary:#EA422A;
    --primary-light:#F7F1ED;
    --secondary:#2C1EC6;
    --secondary-dark:#0C0558;
    --neutral:#595959;
    --neutral-semi-light:#E8E8E8;
    --black:#000000;
    --white:#FFFFFF;

      /* heading-sizing */
  --h1: clamp(3.1rem, 4.375vw + 1.7rem, 9.3rem);
  --h2: clamp(2.6rem, 3.929vw + 1.343rem, 7rem);
  --h3: clamp(2.1rem, 2.857vw + 1.186rem, 5.3rem);
  --h4: clamp(1.8rem, 1.518vw + 1.314rem, 3.5rem);

  /* text_sizing */
  --text-xs: clamp(1.4rem, 0.191vw + 1.339rem, 1.6rem);
  --text-s: clamp(1.3rem, 0.446vw + 1.157rem, 1.8rem);
  --text-m: clamp(1.6rem, 0.357vw + 1.486rem, 2rem);
  --text-l: clamp(1.9rem, 0.446vw + 1.757rem, 2.4rem);
  --text-xl: clamp(2.3rem, 0.536vw + 2.129rem, 2.9rem);

  /* spacing  */
  

  --gutter-block: clamp(4.8rem, 6.429vw + 2.743rem, 12rem);
  --gutter-inline: clamp(2rem, 3.571vw + 0.857rem, 6rem);
  --space-2xs: clamp(0.25rem, 0.2rem + 0.2vw, 0.5rem);
  --space-xs: clamp(0.5rem, 0.4rem + 0.4vw, 1rem);
  --space-sm: clamp(0.75rem, 0.6rem + 0.6vw, 1.5rem);
  --space-md: clamp(1rem, 0.8rem + 0.8vw, 2rem);
  --space-lg: clamp(1.5rem, 1.2rem + 1vw, 3rem);
  --space-xl: clamp(2rem, 1.6rem + 1.4vw, 4rem);
  --space-2xl: clamp(3rem, 2.4rem + 2vw, 6rem);
  --grid-gap: calc(var(--space-md) * 2);

}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
body {
  font-family: "Roboto", sans-serif;
}

section {
  padding: var(--gutter-block) var(--gutter-inline);
}

.container {
  max-width: 1440px;
  margin: 0 auto;
  
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
}
p {
  font-size: var(--text-m);
}

h1{
  font-size:var(--h1);
}

h2{
  font-size:var(--h2);
}

h3{
  font-size:var(--h3);
}

h4{
  font-size:var(--h4);
}