:root {


  --font-base: 'DM Sans', Helvetica, Arial, sans-serif;
  --font-heading: 'Poppins', 'DM Sans', Helvetica, Arial, sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;


  --fs-body-xs: clamp(1.2rem, 1.5vw, 1.4rem);
  --fs-body-s: clamp(1.4rem, 1.8vw, 1.6rem);
  --fs-body-m: clamp(1.6rem, 2vw, 1.8rem);
  --fs-body-l: clamp(1.8rem, 2.5vw, 2.2rem);
  --fs-body-xl: clamp(2.2rem, 3vw, 2.8rem);
  --fs-body-2xl: clamp(2.8rem, 4vw, 4rem);
  --fs-body-3xl: clamp(3.6rem, 5vw, 5.6rem);
  --fs-body-4xl: clamp(4.8rem, 7vw, 8rem);
  --fs-body-5xl: clamp(5.6rem, 9vw, 11.2rem);

  --fs-icon-xs: clamp(1.2rem, 1.5vw, 1.4rem);
  --fs-icon-s: clamp(1.4rem, 1.8vw, 1.6rem);
  --fs-icon-m: clamp(1.6rem, 2vw, 1.8rem);
  --fs-icon-l: ;
  --fs-icon-xl: ;
  --fs-icon-xxl: ;

  --fs-h6: var(--fs-body-l);
  --fs-h5: var(--fs-body-l);
  --fs-h4: var(--fs-body-xl);
  --fs-h3: var(--fs-body-2xl);
  --fs-h2: var(--fs-body-3xl);
  --fs-h1: var(--fs-body-4xl);

  
  --lh-body-xs: 1.5;
  --lh-body-s: ;
  --lh-body-m: 1.6;
  --lh-body-l: ;
  --lh-body-xl: 1.6;
  --lh-body-2xl: ;
  --lh-h1: 1.1;
  --lh-h2: 1.1;
  --lh-h3: 1.1;
  --lh-h4: 1.1;
  --lh-h5: 1.1;
  --lh-h6: 1.1;

}

h1 {
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
}

h2 {
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
}

h3 {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
}

h4 {
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
}

h5 {
  font-size: var(--fs-h5);
  line-height: var(--lh-h5);
}

h6 {
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
}

body {
  font-family: var(--font-base);
  font-size: var(--fs-body-m);
  line-height: var(--lh-body-m);
  color: var(--color-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: var(--fw-bold);
  color: var(--color-header);
  letter-spacing: -0.02em;
  text-wrap: balance;
}