:root {
    /* Fonts */
        /* H1 */
        --h1-size: 48px;
        --h1-weight: 600;
        --h1-line-height: 120%;
        
        /* H2 */
        --h2-size: 36px;
        --h2-weight: 600;
        --h2-line-height: 120%;
        
        /* H3 */
        --h3-size: 24px;
        --h3-weight: 500;
        --h3-line-height: 120%;


    /* Colors */
        /* Primary */
        --color-button: #0077E4;
        --color-default: #7E7E7E;
        --color-white: #FFF;
        --color-background: #FFF;

        /* Text */
        --color-accent: #379FFF;
        --color-accent-dark: #0077E4;
        --color-h: #FFFFFF;
        --color-h-dark: #1A1515;
        --color-border: #DCDCDC;
        --color-border-dark: #454575;
        --color-warn: #DC3545;
        --color-header-scroll: #000D21;


        /* Labels */
        --color-label: #D2D2D2;
}


@media (max-width: 990px) {
    :root {
        /* H1 */
        --h1-size: 45px;
        /* H2 */
        --h2-size: 33px;
        /* H3 */
        --h3-size: 21px;
    }
    
    
}



@media (max-width: 490px) {
    :root {
        /* H1 */
        --h1-size: 40px;
        /* H2 */
        --h2-size: 28px;
        /* H3 */
        --h3-size: 18px;
    }
}

@media (max-width: 420px) {
    :root {
        --h1-size: 30px;
    }
}