:root {
    /* TYPE */
    --heading--2: clamp(0.7738rem, 0.7838rem + -0.0129vw, 0.7813rem);
    --heading--1: clamp(0.9375rem, 0.9048rem + 0.1635vw, 1.0315rem);
    --heading-0: clamp(1.125rem, 1.038rem + 0.4348vw, 1.375rem);
    --heading-1: clamp(1.35rem, 1.182rem + 0.8398vw, 1.8329rem);
    --heading-2: clamp(1.62rem, 1.3337rem + 1.4317vw, 2.4432rem);
    --heading-3: clamp(1.944rem, 1.4874rem + 2.2832vw, 3.2568rem);
    --heading-4: clamp(2.3328rem, 1.6342rem + 3.4931vw, 4.3413rem);
    --heading-5: clamp(2.7994rem, 1.7602rem + 5.1959vw, 5.787rem);

    --paragraph-0: clamp(0.625rem, 0.538rem + 0.4348vw, 0.875rem);
    --paragraph-1: clamp(0.75rem, 0.6861rem + 0.3193vw, 0.9336rem);
    --paragraph-2: clamp(0.9rem, 0.8665rem + 0.1673vw, 0.9962rem);
    --paragraph-3: clamp(1.0629rem, 1.0859rem + -0.0297vw, 1.08rem);
    --paragraph-4: clamp(1.1341rem, 1.3523rem + -0.2815vw, 1.296rem);
    --paragraph-5: clamp(1.2101rem, 1.6752rem + -0.6001vw, 1.5552rem);
    --paragraph-6: clamp(1.2912rem, 2.0663rem + -1.0001vw, 1.8662rem);
    --paragraph-7: clamp(1.3777rem, 2.5392rem + -1.4987vw, 2.2395rem);
    --paragraph-8: clamp(1.47rem, 3.1108rem + -2.1172vw, 2.6874rem);

    /* SPACING */
    --space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
    --space-2xs: clamp(0.5625rem, 0.5408rem + 0.1087vw, 0.625rem);
    --space-xs: clamp(0.875rem, 0.8533rem + 0.1087vw, 0.9375rem);
    --space-s: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
    --space-m: clamp(1.6875rem, 1.6223rem + 0.3261vw, 1.875rem);
    --space-l: clamp(2.25rem, 2.163rem + 0.4348vw, 2.5rem);
    --space-xl: clamp(3.375rem, 3.2446rem + 0.6522vw, 3.75rem);
    --space-2xl: clamp(4.5rem, 4.3261rem + 0.8696vw, 5rem);
    --space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);

    /* One-up pairs */
    --space-3xs-2xs: clamp(0.3125rem, 0.2038rem + 0.5435vw, 0.625rem);
    --space-2xs-xs: clamp(0.5625rem, 0.4321rem + 0.6522vw, 0.9375rem);
    --space-xs-s: clamp(0.875rem, 0.7446rem + 0.6522vw, 1.25rem);
    --space-s-m: clamp(1.125rem, 0.8641rem + 1.3043vw, 1.875rem);
    --space-m-l: clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);
    --space-l-xl: clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem);
    --space-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);
    --space-2xl-3xl: clamp(4.5rem, 3.4565rem + 5.2174vw, 7.5rem);

    /* Custom pairs */
    --space-s-l: clamp(1.125rem, 0.6467rem + 2.3913vw, 2.5rem);

    --grid-max-width: 130.63rem;
    --grid-gutter: var(--space-s-2xs, clamp(1.125rem, 1.2154rem + -0.452vw, 0.625rem));
    --grid-columns: 16;
}


h1, h2, h3, h4, h5, h6 {
    margin: var(--space-2xs) 0;
}
  h1 {
    font-size: var(--heading-5);
  }
  h2 {
    font-size: var(--heading-4);
  }
  h3 {
    font-size: var(--heading-3);
  }
  h4 {
    font-size: var(--heading-2);
  }
  h5 {
    font-size: var(--heading-1);
  }
  h6 {
    font-size: var(--heading-0);
  }
  p {
    font-size: var(--heading-0);
  }

  .padding-xs {
    padding: var(--space-xs);
  }
  .padding-s {
    padding: var(--space-s);
  }
  .padding-m {
    padding: var(--space-m);
  }
  .padding-l {
    padding: var(--space-l);
  }

  .padding-xl {
    padding: var(--space-xl);
  }

  .margin-xs {
    margin: var(--space-xs);
  }
  .margin-s {
    margin: var(--space-s);
  }
  .margin-m {
    margin: var(--space-m);
  }
  .margin-l {
    margin: var(--space-l);
  }

  .margin-xl {
    margin: var(--space-xl);
  }