/* Couleurs principales reprises du site actuel */

:root {
    --color-white: #ffffff;
    --color-lightgrey: #8d8e98;
    --color-darkpurple: #2C123B;
    --color-darkpurple-medium: #48265c;
    --color-lightpurple: #666a81;
    --gradient-pink: #96CE5A;
    --gradient-pink-text: linear-gradient(30deg, #ff69b4, #ffb347, #ffe066);
}

.textcolor_white {
    color: var(--color-white);
}

.textcolor_lightgrey {
    color: var(--color-lightgrey);
}

.textcolor_darkpurple {
    color: var(--color-darkpurple);
}

.textcolor_darkpurple_medium {
    color: var(--color-darkpurple-medium);
}

.textcolor_lightpurple {
    color: var(--color-lightpurple);
}

.textcolor_gradient_pink {
    background: var(--gradient-pink-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.color_gradient_pink {
    background: var(--gradient-pink);
}