:root {
    --font-size-Display-XXL: 144px;
    --font-size-Display-XL2: 96px;
    --font-size-Display-XL1: 72px;
    --font-size-Display-L2: 64px;
    --font-size-Display-L1: 48px;
    --font-size-Display-M: 36px;
    --font-size-Display-S: 24px;
    --font-size-Display-XS: 18px;
    --font-size-Text-L: 16px;
    --font-size-Text-M: 14px;
    --font-size-Text-S: 12px;
    --font-size-Display-XS-Compact: 18px;
    --font-size-Text-L-Compact: 16px;
    --font-size-Text-M-Compact: 14px;
    
    --line-height-Display-XXL: 174px;
    --line-height-Display-XL2: 106px;
    --line-height-Display-XL1: 84px;
    --line-height-Display-L2: 80px;
    --line-height-Display-L1: 67px;
    --line-height-Display-M: 46px;
    --line-height-Display-S: 34px;
    --line-height-Display-XS: 27px;
    --line-height-Text-L: 26px;
    --line-height-Text-M: 22px;
    --line-height-Text-S: 17px;
    --line-height-Display-XS-Compact: 25px;
    --line-height-Text-L-Compact: 22px;
    --line-height-Text-M-Compact: 20px;
}

@media ( max-width: 1023px ) {
    :root {
        --font-size-Display-XXL: 80px;
        --font-size-Display-XL2: 72px;
        --font-size-Display-XL1: 64px;
        --font-size-Display-L2: 56px;
        --font-size-Display-L1: 44px;
        --font-size-Display-M: 32px;
        --font-size-Display-S: 22px;
        
        --line-height-Display-XXL: 120px;
        --line-height-Display-XL2: 88px;
        --line-height-Display-XL1: 80px;
        --line-height-Display-L2: 72px;
        --line-height-Display-L1: 58px;
        --line-height-Display-M: 44px;
        --line-height-Display-S: 30px;
    }
}

@media ( max-width: 767px ) {
    :root {
        --font-size-Display-XXL: 72px;
        --font-size-Display-XL2: 60px;
        --font-size-Display-XL1: 52px;
        --font-size-Display-L2: 44px;
        --font-size-Display-L1: 32px;
        --font-size-Display-M: 28px;
        --font-size-Display-S: 18px;
        
        --line-height-Display-XXL: 96px;
        --line-height-Display-XL2: 74px;
        --line-height-Display-XL1: 66px;
        --line-height-Display-L2: 56px;
        --line-height-Display-L1: 44px;
        --line-height-Display-M: 38px;
        --line-height-Display-S: 28px;
    }
}