:root {
    --eggshellpink: #d9d3ca;
    --dark: #1d1d1b;
    --lightGrey: #4f4d47;
    --beige: #c3bbac;
    --sunrayvenus: #cfc6b6;
    --white: #fff;
    --greyClound: #b9b7b5;
    --OliveHaze: #817c72;

    
    /* style guide for 1920 */
    --h1-font-size: 120px;
    --h1-line-height: 124px;
    --h1-lspacing: 6px;

    --h2-font-size: 70px;
    --h2-line-height: 80px;
    --h2-lspacing: 14px;

    --h3-font-size: 60px;
    --h3-line-height: 70px;
    --h3-lspacing: 3px;

    --h4-font-size: 50px;
    --h4-line-height: 70px;
    --h4-lspacing: 10px;

    --h5-font-size: 34px;
    --h5-line-height: 44px;
    --h5-lspacing: 6.8px;

    --h6-font-size: 30px;
    --h6-line-height: 44px;
    --h6-lspacing: 6px;

    --hsm-font-size: 26px;
    --hsm-line-height: 36px;
    --hsm-lspacing: 5.2px;

    --xl-font-size: 28px;
    --xl2-line-height: 50px;
    --xl-line-height: 48px;
    --xl-lspacing: 0.42px;

    --lg-font-size: 23px;
    --lg-line-height: 53px;
    --lg-lspacing: 2.2px;

    --md-font-size: 20px;
    --md-line-height: 40px;
    --md-lspacing: 1px;

    --sm-font-size: 16px;
    --sm-line-height: 26px;
    --sm-lspacing: 0.8px;

    --body-font-size: 24px;
    --body-line-height: 40px;
    --body-font-lspacing: 0.36px;

    --parabold-font-size: 21px;
}