:root {

    /* =========================================
       FOAM GUYS COLORS
    ========================================= */

    --blue: #426582;
    --blue-dark: #34536d;

    --pink: #ecb1d1;
    --pink-dark: #ecb1d1;

    --cream: #f5edaa;

    --white: #ffffff;
    --black: #171717;


    /* =========================================
       SHADOWS
    ========================================= */

    --shadow-blue-small: 4px 4px 0 var(--blue-dark);
    --shadow-blue-medium: 7px 8px 0 var(--blue-dark);
    --shadow-blue-large: 10px 11px 0 var(--blue-dark);

    --shadow-pink-small: 4px 4px 0 var(--pink-dark);
    --shadow-pink-medium: 7px 8px 0 var(--pink-dark);


    /* =========================================
       TRANSITIONS
    ========================================= */

    --transition-fast: 150ms ease;
    --transition-medium: 250ms ease;

    --cartoon-bounce:
        cubic-bezier(.34, 1.56, .64, 1);


    /* =========================================
       TYPOGRAPHY
    ========================================= */

    --font-heading: "Lilita One", sans-serif;
    --font-body: "Nunito Sans", sans-serif;


    /* =========================================
       PAGE WIDTH
    ========================================= */

    --page-width: 1450px;

}