:root {
    /* Font size */
    --fs__text-s: 1.375rem;

    --fs__header-m: 1.875rem;
    --fs__header-l: 2.5rem;
    --fs__header-xl: 6.25rem;

    /* Helpers */
    --p__space: 1rem;

    /* Info */
    --info-container__height: 100vh;
    --info-container__gap: 5rem;
    --section-content__space: 3rem;
}

/* Media queries */

@media screen and (max-width: 1764px) {
    :root {
        /* Font size */
        --fs__text-s: 1.275rem;

        --fs__header-m: 1.675rem;
        --fs__header-l: 2.25rem;
        --fs__header-xl: 5.75rem;
    }
}

@media screen and (max-width: 1450px) {
    :root {
        /* Font size */
        --fs__text-s: 1.175rem;

        --fs__header-m: 1.5rem;
        --fs__header-l: 2rem;
        --fs__header-xl: 5.25rem;
    }
}

@media screen and (max-width: 1200px) {
    :root {
        /* Font size */
        --fs__text-s: 1.125rem;

        --fs__header-m: 1.375rem;
        --fs__header-l: 1.875rem;
        --fs__header-xl: 4rem;

        /* Info */
        --info-container__height: auto;
        --info-container__gap: 0rem;
        --section-content__space: 2rem;
    }
}

@media screen and (max-width: 767px) {
    :root {
        /* Font size */
        --fs__text-s: 1rem;

        --fs__header-m: 1.175rem;
        --fs__header-l: 1.5rem;
        --fs__header-xl: 3.25rem;

        /* Helpers */
        --p__space: 0.5rem;

        /* Info */
        --info-container__height: auto;
        --section-content__space: 1.5rem;
    }
}

@media screen and (max-width: 500px) {
    :root {
        /* Font size */
        --fs__header-xl: 2.75rem;
    }
}