/* ===========================
   BUMBY DESIGN SYSTEM
   VARIABLES
=========================== */


:root {


    /* COULEURS */

    --cream:
    #FFF8F4;


    --pink-soft:
    #F6D6E3;


    --pink:
    #EFA7C3;


    --lavender:
    #DCCCF2;


    --sage:
    #C7D8C2;


    --green-soft:
    #B8CDB4;


    --peach:
    #F5C6A5;


    --purple:
    #8C6FAE;


    --brown:
    #6B5147;


    --dark:
    #30262C;


    --white:
    #FFFFFF;



    /* TYPOGRAPHIES */


    --font-title:
    "Cormorant Garamond",
    serif;


    --font-body:
    "Quicksand",
    sans-serif;



    /* ESPACEMENTS */


    --space-xs:
    8px;


    --space-sm:
    16px;


    --space-md:
    32px;


    --space-lg:
    64px;


    --space-xl:
    100px;



    /* ARRONDIS */


    --radius-small:
    15px;


    --radius-medium:
    30px;


    --radius-large:
    50px;



    /* OMBRES */


    --shadow-soft:

    0 15px 40px rgba(70,40,60,0.12);



    --shadow-card:

    0 25px 70px rgba(70,40,60,0.18);



    --shadow-hover:

    0 35px 90px rgba(70,40,60,0.25);




    /* ANIMATIONS */


    --transition-fast:

    .25s ease;



    --transition-medium:

    .5s cubic-bezier(.22,1,.36,1);



    --transition-slow:

    .8s cubic-bezier(.22,1,.36,1);



}