:root {
    --wp--custom--px: 160px;
    --wp--custom--gap: 100px;
    --wp--custom--block-gap: 140px;
    --spacing--20: 20px;
    --spacing--30: 30px;
    --spacing--40: 40px;
    --spacing--50: 50px;
    --spacing--60: 60px;
    --spacing--70: 70px;
    --spacing--80: 80px;
    --spacing--90: 90px;
    --spacing--100: 100px;
    --absolute--40: 40px;
}

@media not all and (min-width: 1537px) {}

@media not all and (min-width: 1281px) {
    :root {
        --wp--custom--px: 40px;
        --wp--custom--gap: 100px;
        --wp--custom--block-gap: 60px;
        --wp--preset--font-size--menu-item: 32px;
    }
}

@media not all and (min-width: 1025px) {
    :root {
        --wp--preset--font-size--h-1: 40px;
        --wp--preset--font-size--h-2: 32px;
        --wp--preset--font-size--h-3: 24px;
        --wp--preset--font-size--callout: 20px;
        --wp--preset--font-size--callout-2: 22px;
        --wp--custom--px: 40px;
        --wp--custom--gap: 100px;
        --wp--custom--block-gap: 60px;
    }
}

@media not all and (min-width: 769px) {
    :root {
        --wp--preset--font-size--h-1: 32px;
        --wp--preset--font-size--h-2: 32px;
        --wp--preset--font-size--h-3: 20px;
        --wp--preset--font-size--callout: 20px;
        --wp--custom--px: 40px;
        --wp--custom--gap: 60px;
        --wp--custom--block-gap: 60px;
        --absolute--40: 20px;
    }
}

@media not all and (min-width: 641px) {
    :root {
        --wp--custom--px: 20px;
        --wp--custom--gap: 60px;
        --wp--custom--block-gap: 60px;
    }
}

@media not all and (min-width: 391px) {
    :root {
        --wp--preset--font-size--h-1: 28px;
        --wp--preset--font-size--h-2: 24px;
        --wp--preset--font-size--h-3: 18px;
        --wp--preset--font-size--menu-item: 24px;
        --wp--preset--font-size--callout: 20px;
        --wp--preset--font-size--callout-2: 20px;
    }
}