:root {

  
  
  --fs-body-xs: 1.2rem;
  --fs-body-s: 1.4rem;
  --fs-body-m: 1.6rem;
  --fs-body-l: ;
  --fs-body-xl: ;
  --fs-body-xxl: ;
  --fs-icon-s: 20px;
  --fs-icon-m: ;
  --fs-icon-l: ;
  --fs-icon-xl: ;
  --fs-icon-xxl: ;
  --fs-button: 14px;

  
  --fs-header-hero: 3.2rem;
  --fs-h1: 4rem;
  --fs-h2: 2.8rem;
  --fs-h3: 2.4rem;
  --fs-h4: clamp(1.6rem, 0.49vw + 1.424rem, 1.8rem);
  --fs-h6: ;


  
  --lh-body-xs: 16px;
  --lh-body-s: 20px;
  --lh-body-m: 24px;
  --lh-body-l: ;
  --lh-body-xl: ;
  --lh-body-xxl: ;
  --lh-h1: 50px;
  --lh-h2: 36px;
  --lh-h3: normal;
  --lh-h4: 24px;
  --lh-h4-xs: normal;
  --lh-h5: ;
  --lh-h6: ;
  --lh-button: 24px;
  --lh-button-s: 20px;
}

body {
  font-family: "Inter";
  font-size: var(--fs-body-m);
  line-height: var(--lh-body-m);
  color: var(--dvfg-darkgreen);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "ABC Favourit Extended";
  color: var(--dvfg-darkgreen);
  font-weight: 500;
}

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);

  @media (max-width: 768px) {
    line-height: var(--lh-h4-xs);
  }
}


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

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