:root {
    --orange: #ff7e04;
    --pink: #da1984;
    --white: #ffffff;
    --grey: rgb(75 85 99);
    --blue: rgb(37, 99, 235);
    --green: rgb(22, 163, 74);
    --yellow: hsl(40.6, 96.1%, 40.4%);
    --purple: hsl(271.5, 81.3%, 55.9%);
    --low-radius: 5px;
    --medium-radius: 10px;
    --hight-radius: 50px;
    --border: 1px solid hsl(214.3 31.8% 91.4%);
    --small-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --medium-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --big-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);



    --primary-gradient: linear-gradient(90deg, var(--orange), var(--pink));
    --secondary-gradient: linear-gradient(180deg, #ffedd5, #fdf2f8);
    --tertary-gradient: linear-gradient(90deg, #fff1f2, #fff7ed);
    --quaternary-gradient: linear-gradient(90deg, #fce7f3, #ffedd5);
    --blue-pink-gradient: linear-gradient(90deg, #eff6ff, #fdf2f8);


    --float-distance: 8px;   /* amplitude du flottement */
    --float-duration: 3s;
}