:root {
    /* Base spacing */
    --base-spacing: 24px;
    --base-spacing-half: 12px;
    --base-border-width: 2px;
    --base-border-radius: 8px;
    --base-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.24);
    /* Header sizes */
    --small-header: 100px;
    --large-header: 130px;
    /* Footer size */
    --footer-height: 20px;
    /* Sections spacing */
    --section-spacing: 40px;
    --section-spacing_sm: 50px;
    --section-spacing_md: 60px;
    --section-spacing_lg: 70px;
    --section-spacing_xl: 80px;
    /* Sections : center col */
    --center-col: 100%;
    --center-col_sm: 500px;
    --center-col_md: 660px;
    --center-col_lg: 880px;
    --center-col_xl: 980px;
    /* Section : intro-outro col */
    --intro-outro-col: 100%;
    --intro-outro-col_sm: 500px;
    --intro-outro-col_md: 660px;
    --intro-outro-col_lg: 880px;
    --intro-outro-col_xl: 980px;
    /* Form fields */
    --form-field-border-width: 1px;
    --form-field-border-radius: 0.375rem;
    /* Buttons */
    --btn-width: auto;
    --btn-width_mobile: auto;
    --btn-border-width: 2px;
    --btn-border-radius: 0.2rem;
    --btn-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --btn-padding_top: 0.4rem;
    --btn-padding_right: 1rem;
    --btn-padding_bottom: 0.4rem;
    --btn-padding_left: 1rem;
    --btn-padding_top_mobile: 0.4rem;
    --btn-padding_right_mobile: 0.75rem;
    --btn-padding_bottom_mobile: 0.4rem;
    --btn-padding_left_mobile: 0.75rem;
    --btn_sm-padding_top: 0.4rem;
    --btn_sm-padding_right: 0.75rem;
    --btn_sm-padding_bottom: 0.4rem;
    --btn_sm-padding_left: 0.75rem;
    --btn_sm-padding_top_mobile: 0.32rem;
    --btn_sm-padding_right_mobile: 0.6rem;
    --btn_sm-padding_bottom_mobile: 0.32rem;
    --btn_sm-padding_left_mobile: 0.6rem;
    --btn_lg-padding_top: 0.625rem;
    --btn_lg-padding_right: 1.25rem;
    --btn_lg-padding_bottom: 0.625rem;
    --btn_lg-padding_left: 1.25rem;
    --btn_lg-padding_top_mobile: 0.5rem;
    --btn_lg-padding_right_mobile: 1rem;
    --btn_lg-padding_bottom_mobile: 0.5rem;
    --btn_lg-padding_left_mobile: 1rem;
    /* Animate.css */
    --animate-duration: 1s;
    --animate-delay: 0;
}


@media (min-width: 992px) {
    :root {
        /* Base spacing */
        --base-spacing: 30px;
        --base-spacing-half: 15px;
    }
}

@media (min-width: 1200px) {
    :root {
        /* Base spacing */
        --base-spacing: 30px;
        --base-spacing-half: 15px;
    }
}