:root {
    /* Base font sizes */
    --font-size-small: 1.2vw;
    --font-size-medium: 1.6vw;
    --font-size-large: 2vw;
    --font-size-xlarge: 2.4vw;

    /* Font sizes for small screens (mobile) */
    @media (max-width: 600px) {
        --font-size-small: 2.5vw;
        --font-size-medium: 3vw;
        --font-size-large: 1.8vw;
        --font-size-xlarge: 5vw;
    }

    /* Font sizes for medium screens (tablet) */
    @media (min-width: 601px) and (max-width: 1024px) {
        --font-size-small: 1.1vw;
        --font-size-medium: 1.5vw;
        --font-size-large: 1.9vw;
        --font-size-xlarge: 2.3vw;
    }

    /* Font sizes for large screens (desktop) */
    @media (min-width: 1025px) {
        --font-size-small: 1vw;
        --font-size-medium: 1.4vw;
        --font-size-large: 1.6vw;
        --font-size-xlarge: 2.4vw;
    }

    @media (min-width: 1200px) {
        --font-size-small: 1.2vw;
        --font-size-medium: 1.6vw;
        --font-size-large: 2vw;
        --font-size-xlarge: 2.4vw;
    }

    @media (min-width: 1400px) {
        --font-size-small: 1.3vw;
        --font-size-medium: 1.7vw;
        --font-size-large: 2.1vw;
        --font-size-xlarge: 2.5vw;
    }

    @media (min-width: 1600px) {
        --font-size-small: 1.4vw;
        --font-size-medium: 1.8vw;
        --font-size-large: 2.2vw;
        --font-size-xlarge: 2.6vw;
    }
}