/* colors */

:root {
    /* basic */
    --color_black: #000;
    --color_white: #fff;
    /* accent colors */
    --color_red: #cf4f4a;
    --color_red--bright: #f8727b;
    --color_orange: #f89421;
    --color_green: #7fc347;
    --color_blue: #a7dcf5;
    --color_mayablue: #75C9EF;
    /* grays */
    --color_gray: #999999;
    --color_gray--dark: #1a1a1a;
    /* misc */
    --color_bright: #fffbf5;
    --color_oldlace: #FEF6E5;
    --color_zumthor: #D1D3D4;
    --color_perfume: #BBA5E5;
    --color_orange--dark: #F37345;
}


/* shapes */

:root {
    /* widths */
    --width_container: 160rem;
    --width_container_large: 160rem;
    /* spacings */
    --spacing_horizontal: 2rem;
    --spacing_section_heading: 2rem 0 1rem 0;
    --spacing_section_subheading: 3rem 0 3rem 0;
    /* REMs */
    --rem_desktop: 10px;
    --rem_tablet: 10px;
    --rem_phone: 9px;
}


/* fonts */

:root {
    --font_size_section_heading: 3.6rem;
    --font_lineheight_section_heading: 1.7em;
    --font_size_content_heading: 1.6rem;
    --font_lineheight_content_heading: 1.133em;
    --font_size_paragraph: 1.5rem;
    --font_lineheight_paragraph: 1.333em;
    
    --fw_regular: 400;
}

@media (min-width: 992px) {
     :root {
        /* widths */
        --width_container: 83%;
        --width_container_large: 91%;
    }
}


@media (min-width: 1281px) {
    :root {
        --width_container: 1065px;
        --width_container_large: 1210px;
    }
}