:root{
    /* colors */
    --red: #F2485F;
    --turquoise: #4AF2DC;

    /* breakpoints */
    --screen-xs: 0;
    --screen-sm: 576px;
    --screen-md: 768px;
    --screen-lg: 992px;
    --screen-xl: 1200px;
    --screen-xxl: 1400px;

    /* fonts */

    --font-heading: 'neue-haas-grotesk-display', sans-serif;
    /* --font-body:    'neue-haas-grotesk-text', sans-serif; */
    --font-body:    'neue-haas-grotesk-display', sans-serif;

    /* z-indexes */
    --z-menu:  999;
    --z-image: 999;
    --z-popup: 9999;
}