html {
    font-size: 17px;
}

:root {
    /* 
        Base Font Size: 17px
        Scale Ratio: Major Third (1.25)
        Default Font Family: Inter

        Font Usage Map
        - Exo2
            Uses: display-lg, display-md, h1, h2, h3, h4, h5, h6
        - Inter
            Uses: body, body-sm, body-xl, caption, caption-lg, caption-sm, list, overline, strong

        Appearance Settings

        Line Height Preset: normal
        Letter Spacing Preset: normal
        Round Values: true
        Fluid Typography: true
            Min Viewport: 575
            Max Viewport: 1400
            Fluid Variation: 0.067
            Min Scale Ratio: 1.183
            Max Scale Ratio: 1.317
    */

    --display-lg-size: clamp(1.96rem, calc(1.23rem + 2.16vw), 3.01rem);
    --display-lg-line-height: 1.6;
    --display-lg-letter-spacing: 0.015em;
    --display-lg-weight: 800;
    --display-lg-font-family: Exo2;
    --display-md-size: clamp(1.80rem, calc(1.23rem + 1.69vw), 2.62rem);
    --display-md-line-height: 1.6;
    --display-md-letter-spacing: 0.015em;
    --display-md-weight: 800;
    --display-md-font-family: Exo2;
    --h1-size: clamp(1.66rem, calc(1.22rem + 1.30vw), 2.28rem);
    --h1-line-height: 1.6;
    --h1-letter-spacing: 0.02em;
    --h1-weight: 700;
    --h1-font-family: Exo2;
    --h2-size: clamp(1.40rem, calc(1.17rem + 0.69vw), 1.73rem);
    --h2-line-height: 1.6;
    --h2-letter-spacing: 0.02em;
    --h2-weight: 600;
    --h2-font-family: Exo2;
    --h3-size: clamp(1.29rem, calc(1.13rem + 0.46vw), 1.51rem);
    --h3-line-height: 1.6;
    --h3-letter-spacing: 0.025em;
    --h3-weight: 600;
    --h3-font-family: Exo2;
    --h4-size: clamp(1.18rem, calc(1.09rem + 0.28vw), 1.32rem);
    --h4-line-height: 1.6;
    --h4-letter-spacing: 0.025em;
    --h4-weight: 500;
    --h4-font-family: Exo2;
    --h5-size: clamp(1.13rem, calc(1.07rem + 0.20vw), 1.23rem);
    --h5-line-height: 1.6;
    --h5-letter-spacing: 0.025em;
    --h5-weight: 500;
    --h5-font-family: Exo2;
    --h6-size: clamp(1.09rem, calc(1.05rem + 0.12vw), 1.15rem);
    --h6-line-height: 1.6;
    --h6-letter-spacing: 0.03em;
    --h6-weight: 500;
    --h6-font-family: Exo2;
    --body-xl-size: clamp(1.04rem, calc(1.02rem + 0.06vw), 1.07rem);
    --body-xl-line-height: 1.6;
    --body-xl-letter-spacing: 0.03em;
    --body-xl-weight: 400;
    --body-xl-font-family: Inter;
    --body-size: clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);
    --body-line-height: 1.6;
    --body-letter-spacing: 0.03em;
    --body-weight: 400;
    --body-font-family: Inter;
    --body-sm-size: clamp(0.96rem, calc(0.98rem + -0.05vw), 0.93rem);
    --body-sm-line-height: 1.6;
    --body-sm-letter-spacing: 0.03em;
    --body-sm-weight: 400;
    --body-sm-font-family: Inter;
    --caption-lg-size: clamp(0.92rem, calc(0.95rem + -0.10vw), 0.87rem);
    --caption-lg-line-height: 1.7;
    --caption-lg-letter-spacing: 0.03em;
    --caption-lg-weight: 400;
    --caption-lg-font-family: Inter;
    --caption-size: clamp(0.88rem, calc(0.93rem + -0.14vw), 0.81rem);
    --caption-line-height: 1.7;
    --caption-letter-spacing: 0.03em;
    --caption-weight: 400;
    --caption-font-family: Inter;
    --caption-sm-size: clamp(0.85rem, calc(0.91rem + -0.18vw), 0.76rem);
    --caption-sm-line-height: 1.7;
    --caption-sm-letter-spacing: 0.03em;
    --caption-sm-weight: 300;
    --caption-sm-font-family: Inter;
    --overline-size: clamp(0.81rem, calc(0.88rem + -0.21vw), 0.71rem);
    --overline-line-height: 1.7;
    --overline-letter-spacing: 0.03em;
    --overline-weight: 500;
    --overline-font-family: Inter;
    --strong-font-family: Inter;
    --strong-weight: 700;
    --list-margin-block: calc(var(--body-line-height) * 0.5em);
    --list-item-margin-block: calc(var(--body-line-height) * 0.25em);
    --list-font-family: Inter;
    --indent-multiplier: 1;
    --indent-base: calc(var(--indent-multiplier) * 1em);
    --indent-1: var(--indent-base);
    --indent-2: calc(var(--indent-base) * 2);
    --indent-3: calc(var(--indent-base) * 3);
    --indent-4: calc(var(--indent-base) * 4);
    --indent-5: calc(var(--indent-base) * 5);
    --indent-6: calc(var(--indent-base) * 6);
    --indent-7: calc(var(--indent-base) * 7);
    --indent-8: calc(var(--indent-base) * 8);
    --indent-9: calc(var(--indent-base) * 9);
}

