@media (min-width: 768px) and (max-width: 1023px) {
    :root {
        /*Font sizes for medium tablets (~80% of desktop)*/
        --wp--preset--font-size--small: 14px;
        --wp--preset--font-size--medium: 20px;
        --wp--preset--font-size--large: 28px;
        --wp--preset--font-size--x-small: 12px;
        --wp--preset--font-size--t-small: 14px;
        --wp--preset--font-size--t-medium: 16px;
        --wp--preset--font-size--t-large: 18px;
        --wp--preset--font-size--t-x-large: 18;
        --wp--preset--font-size--xx-large: 22px;
        --wp--preset--font-size--xxx-large: 28px;
        --wp--preset--font-size--xxxx-large: 34px;
        --wp--preset--font-size--xxxxx-large: 42px;
        --wp--preset--font-size--xxxxxx-large: 54px;
        --wp--preset--font-size--xxxxxxx-large: 64px;
        --wp--preset--font-size--xxxxxxxx-large: 76px;
        
        /*Spacing for medium tablets (~75% of desktop)*/
        --wp--preset--spacing--20: 0.4rem;
        --wp--preset--spacing--30: 0.57rem;
        --wp--preset--spacing--40: 0.95rem;
        --wp--preset--spacing--50: 1.3rem;
        --wp--preset--spacing--60: 1.9rem;
        --wp--preset--spacing--70: 2.8rem;
        --wp--preset--spacing--80: 4.1rem;
        --wp--preset--spacing--xx-small: 0.27rem;
        --wp--preset--spacing--x-small: 0.5rem;
        --wp--preset--spacing--small: 0.95rem;
        --wp--preset--spacing--medium: 1.5rem;
        --wp--preset--spacing--large: 2.1rem;
        --wp--preset--spacing--x-large: 2.65rem;
        --wp--preset--spacing--xx-large: 3.75rem;

        --wp--preset--spacing--t-gutter: 60px;
    }
}


@media (max-width: 767px) {
    :root {
        --wp--preset--font-size--small: 11px;
        --wp--preset--font-size--medium: 14px;
        --wp--preset--font-size--large: 20px;
        --wp--preset--font-size--x-small: 9px;
        --wp--preset--font-size--t-small: 11px;
        --wp--preset--font-size--t-medium: 13px;
        --wp--preset--font-size--t-large: 14px;
        --wp--preset--font-size--t-x-large: 14px;
        --wp--preset--font-size--xx-large: 16px;
        --wp--preset--font-size--xxx-large: 20px;
        --wp--preset--font-size--xxxx-large: 24px;
        --wp--preset--font-size--xxxxx-large: 28px;
        --wp--preset--font-size--xxxxxx-large: 34px;
        --wp--preset--font-size--xxxxxxx-large: 42px;
        --wp--preset--font-size--xxxxxxxx-large: 48px;
        
        /* Spacing for very small screens (dramatically reduced - ~35% of desktop)*/
        --wp--preset--spacing--20: 0.175rem;
        --wp--preset--spacing--30: 0.26rem;
        --wp--preset--spacing--40: 0.44rem;
        --wp--preset--spacing--50: 0.61rem;
        --wp--preset--spacing--60: 0.88rem;
        --wp--preset--spacing--70: 1.31rem;
        --wp--preset--spacing--80: 1.93rem;
        --wp--preset--spacing--xx-small: 0.12rem;
        --wp--preset--spacing--x-small: 0.23rem;
        --wp--preset--spacing--small: 0.44rem;
        --wp--preset--spacing--medium: 0.7rem;
        --wp--preset--spacing--large: 0.96rem;
        --wp--preset--spacing--x-large: 1.23rem;
        --wp--preset--spacing--xx-large: 1.75rem;
        --wp--preset--spacing--t-gutter: 16px;

    }
}