:root {
    --body-font-size: var(--h4);
    --h1: clamp(14px, 6.1538461538vw,24px);
    --h2: clamp(14px, 4.92307692304vw, 19.2px);
    --h3: clamp(14px, 4.6153846154vw, 16px);
    --h4: clamp(14px, 4.6153846154vw, 16px);;
    --h5: 14px;
    --h6: 12px;
    --sm-body-font-size: var(--sm-h4);
    --sm-h1: clamp(15px, 3.2258064516vw, 24px);
    --sm-h2: clamp(15px, 2.58064516128vw, 19.2px);
    --sm-h3: clamp(15px, 2.4193548387vw, 18px);
    --sm-h4: clamp(15px, 2.1505376344vw, 16px);
    --sm-h5: var(--h5);
    --sm-h6: var(--h6);
    --md-body-font-size: var(--md-h4);
    --md-h1: clamp(15px, 2.5vw, 48px);
    --md-h2: clamp(15px, 2vw, 38.4px);
    --md-h3: clamp(15px, 1.25vw, 24px);
    --md-h4: clamp(15px, .9375vw, 21.33px);
    --md-h5: var(--sm-h5);
    --md-h6: var(--sm-h6);
    --lg-body-font-size: var(--md-body-font-size);
    --lg-h1: var(--md-h1);
    --lg-h2: var(--md-h2);
    --lg-h3: var(--md-h3);
    --lg-h4: var(--md-h4);
    --lg-h5: var(--md-h5);
    --lg-h6: var(--md-h6);
}

:root {
    --body-line-height: 1.5;
    --max-line-length-1: 650px;
    --max-line-length-2:850px
}

:root {
    --border-width: 1px;
    --border-radius: 10px;
}

:root {
    --col-gap-padding: 1.20967741935vw;
    --sm-col-gap-padding: 0.8064516129vw;
    --md-col-gap-padding: clamp(0px, 0.52083333335vw, 9px);
    --lg-col-gap-padding: var(--md-col-gap-padding);
    --multi-col-gap: 3.0769230769vw;
    --sm-multi-col-gap: 1.6129032258vw;
    --md-multi-col-gap: clamp(0px, 1.0416666667vw, 18px);
    --lg-multi-col-gap: var(--md-multi-col-gap);
    --multi-row-gap: clamp(48px, 8.2051282051vw, 58px);
    --sm-multi-row-gap: clamp(48px, 5.376344086vw, 58px);
    --md-multi-row-gap: clamp(48px, 3.3333333333vw, 58px);
    --lg-multi-row-gap: var(--md-multi-row-gap);
    --multi-gap-large: calc(var(--multi-col-gap) * 1.5);
    --sm-multi-gap-large: calc(var(--sm-multi-col-gap) * 1.5);
    --md-multi-gap-large: calc(var(--md-multi-col-gap) * 1.5);
    --lg-multi-gap-large:calc(var(--lg-multi-col-gap) * 1.5)
}

:root {
    --container: 1024px;
    --sm-container: var(--container);
    --md-container: var(--sm-container);
    --lg-container: var(--md-container);
    --container-2: 1412px;
    --sm-container-2: var(--container-2);
    --md-container-2: var(--sm-container-2);
    --lg-container-2: var(--md-container-2);
    --container-3: 1728px;
    --sm-container-3: var(--container-2);
    --md-container-3: var(--sm-container-2);
    --lg-container-3: var(--md-container-2);
    --container-gutter: 4.1025641026vw;
    --sm-container-gutter: 2.1505376344vw;
    --md-container-gutter: clamp(0px, 1.4583333333vw, 25.185px);
    --lg-container-gutter: var(--md-container-gutter);
}

:root {
    --space-small: 4.1025641026vw;
    --space-medium: 5.1282051282vw;;
    --space-large: 25.641025641vw;
    --space-xlarge:;
    --sm-space-small: 3.2258064516vw;
    --sm-space-medium: 3.2258064516vw;;
    --sm-space-large: 16.1290322581vw;
    --sm-space-xlarge:;
    --md-space-small: 1.6666666667vw;
    --md-space-medium: 1.6666666667vw;;
    --md-space-large: 12.5vw;
    --md-space-xlarge:;
    --lg-space-small: var(--md-space-small);
    --lg-space-medium: var(--md-space-medium);
    --lg-space-large: var(--md-space-large);
    --lg-space-xlarge:var(--md-space-xlarge)
}